.page-hero{background:var(--gradient-hero);padding:calc(var(--navbar-height) + 80px) 0 80px;text-align:center;position:relative;overflow:hidden}.page-hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:60px;background:var(--bg-primary);clip-path:ellipse(55% 100% at 50% 100%)}.page-hero-label{color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}.page-hero-title{font-size:clamp(2rem, 5vw, 3.2rem);font-weight:800;color:#fff;margin-bottom:16px}.page-hero-desc{color:rgba(255,255,255,.7);font-size:1rem;max-width:540px;margin:0 auto;line-height:1.8}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.story-visual{position:relative}.story-img-frame{width:100%;aspect-ratio:1;border-radius:var(--radius-xl);background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;font-size:6rem;border:1px solid rgba(0,212,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;position:relative}.story-img-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#1a1814}.story-img-frame::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:.05}.experience-badge{position:absolute;bottom:-16px;right:-16px;background:var(--gradient-primary);border-radius:var(--radius-lg);padding:20px 24px;text-align:center;color:#fff;box-shadow:0 8px 30px rgba(0,212,255,.4)}.experience-badge .years{font-size:2.2rem;font-weight:800;display:block;line-height:1}.experience-badge .label{font-size:.78rem;font-weight:600;opacity:.9}.story-content .section-label{margin-bottom:8px}.story-content p{color:var(--text-secondary);line-height:1.9;margin-bottom:16px}.story-highlights{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.highlight-item{display:flex;align-items:flex-start;gap:12px}.highlight-icon{width:36px;height:36px;background:rgba(0,212,255,.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:.9rem;flex-shrink:0;margin-top:2px}.highlight-title{font-weight:700;font-size:.9rem;margin-bottom:2px;color:var(--text-primary)}.highlight-desc{font-size:.8rem;color:var(--text-secondary)}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mv-card{padding:40px;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);position:relative;overflow:hidden;transition:var(--transition)}.mv-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow);border-color:var(--primary)}.mv-card-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:var(--primary);background:rgba(201,162,39,.1);border-radius:var(--radius-md);margin-bottom:20px;transition:var(--transition)}.mv-card:hover .mv-card-icon{background:var(--gradient-primary);color:#fff;transform:scale(1.06) rotate(-4deg)}.mv-card-title{font-size:1.3rem;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.mv-card-text{color:var(--text-secondary);font-size:.92rem;line-height:1.8}.tech-stack-section{background:var(--bg-secondary)}.tech-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.tech-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100px;transition:var(--transition);cursor:default}.tech-item:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.tech-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}.tech-page-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition)}.tech-page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.tech-page-btn:disabled{opacity:.4;cursor:not-allowed}.tech-page-dots{display:flex;align-items:center;gap:8px}.tech-page-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:var(--border-color);cursor:pointer;transition:var(--transition)}.tech-page-dot.active{width:22px;border-radius:4px;background:var(--primary)}.tech-icon{font-size:2rem;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:rgba(0,212,255,.08);color:var(--text-primary)}.tech-icon i{font-size:1.3rem}.tech-icon-aws,.tech-icon-dart,.tech-icon-docker,.tech-icon-figma,.tech-icon-firebase,.tech-icon-flutter,.tech-icon-git,.tech-icon-js,.tech-icon-mongodb,.tech-icon-mysql,.tech-icon-next,.tech-icon-node,.tech-icon-php,.tech-icon-python,.tech-icon-react,.tech-icon-tailwind,.tech-icon-ts,.tech-icon-wordpress{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;font-weight:800;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:-.05em}.tech-icon-react{background:#61dafb;color:#0d192b}.tech-icon-next{background:#000;color:#fff}.tech-icon-js{background:#f7df1e;color:#000}.tech-icon-ts{background:#3178c6}.tech-icon-python{background:#306998}.tech-icon-node{background:#3c873a}.tech-icon-flutter{background:linear-gradient(135deg,#02569b 0,#0a77e0 100%)}.tech-icon-dart{background:linear-gradient(135deg,#00b0de 0,#106ebd 100%)}.tech-icon-tailwind{background:#38b2ac}.tech-icon-figma{background:#f24e1e}.tech-icon-php{background:#8892be}.tech-icon-mysql{background:#00758f}.tech-icon-mongodb{background:#4ea94b}.tech-icon-docker{background:#2496ed}.tech-icon-git{background:#f84f31}.tech-icon-aws{background:#f90;color:#111}.tech-icon-firebase{background:#ffca28;color:#111}.tech-icon-wordpress{background:#21759b}.tech-icon img,.tech-icon svg{width:26px;height:26px;object-fit:contain}.tech-name{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-align:center}.graphic-tools-section{background:var(--bg-secondary)}.graphic-ae,.graphic-ai,.graphic-ps{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;color:#fff;font-size:1.15rem;font-weight:800;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.1)}.graphic-ps{background:linear-gradient(135deg,#001e36 0,#002a58 100%);color:#31a8ff}.graphic-ai{background:linear-gradient(135deg,#ffab45 0,#ff7a00 100%)}.graphic-ae{background:linear-gradient(135deg,#3b0075 0,#5e1cf7 100%)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.team-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;transition:var(--transition)}.team-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-glow);border-color:var(--primary)}.team-avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 16px;font-weight:700;font-family:var(--font-heading)}.team-name{font-size:1rem;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.team-role{font-size:.82rem;color:var(--primary);font-weight:600;margin-bottom:12px}.team-socials{display:flex;justify-content:center;gap:8px}.team-social{width:30px;height:30px;border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem;transition:var(--transition)}.team-social:hover{background:var(--gradient-primary);color:#fff;border-color:transparent}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.value-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px 28px;transition:var(--transition)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:var(--primary)}.value-number{font-size:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:16px;opacity:.6}.value-title{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.value-text{font-size:.87rem;color:var(--text-secondary);line-height:1.7}@media (max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr}}@media (max-width:768px){.mv-grid,.story-highlights,.values-grid{grid-template-columns:1fr}.experience-badge{right:0}}@media (max-width:640px){.team-grid{grid-template-columns:1fr 1fr}}