@keyframes float-hero{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-25px)rotate(5deg)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes card-glow-pulse{0%,to{opacity:0}50%{opacity:1}}.about-page{width:100%;min-height:100vh;color:var(--text);background-color:#0000}.about-page .about-hero{align-items:center;gap:70px;padding:80px 80px 60px;display:flex;position:relative;overflow:hidden}@media screen and (max-width:1200px){.about-page .about-hero{gap:50px;padding:60px 40px}}@media screen and (max-width:900px){.about-page .about-hero{text-align:center;flex-direction:column;align-items:center;gap:40px;padding:50px 24px}}.about-page .about-hero .hero-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.about-page .about-hero .hero-orb-1{background:#646cff1f;width:400px;height:400px;animation:12s ease-in-out infinite float-hero;top:-100px;left:-100px}.about-page .about-hero .hero-orb-2{background:#00d4ff12;width:300px;height:300px;animation:16s ease-in-out infinite reverse float-hero;bottom:-50px;right:-80px}.about-page .about-hero .about-photo{z-index:1;flex-shrink:0;position:relative}.about-page .about-hero .about-photo .photo-ring{z-index:-1;background:conic-gradient(#646cff,#7c3aed,#00d4ff,#646cff);border-radius:50%;animation:6s linear infinite ring-spin;position:absolute;inset:-6px}.about-page .about-hero .about-photo .photo-ring:after{content:"";background:var(--bg,#09090f);border-radius:50%;position:absolute;inset:4px}.about-page .about-hero .about-photo img{object-fit:cover;z-index:1;border-radius:50%;width:220px;height:220px;display:block;position:relative}@media screen and (max-width:480px){.about-page .about-hero .about-photo img{width:170px;height:170px}}.about-page .about-hero .hero-text{z-index:1;flex:1}.about-page .about-hero .hero-text .eyebrow{color:var(--primary,#646cff);text-transform:uppercase;letter-spacing:3px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:inline-block}.about-page .about-hero .hero-text h1{color:var(--text-strong);letter-spacing:-.5px;margin-bottom:8px;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:900}.about-page .about-hero .hero-text .subtitle{color:var(--primary,#646cff);letter-spacing:.3px;margin-bottom:22px;font-size:1rem;font-weight:500}.about-page .about-hero .hero-text .bio{color:var(--muted,#88a);max-width:600px;margin-bottom:14px;font-size:1.05rem;line-height:1.85}@media screen and (max-width:900px){.about-page .about-hero .hero-text .bio{margin:0 auto 14px}}.about-page .about-section{border-top:1px solid #646cff14;padding:70px 80px;position:relative}@media screen and (max-width:1200px){.about-page .about-section{padding:60px 40px}}@media screen and (max-width:900px){.about-page .about-section{padding:50px 24px}}.about-page .about-section .section-header{text-align:center;margin-bottom:50px}.about-page .about-section .section-header h2{color:var(--text-strong);margin-bottom:10px;font-size:clamp(2rem,3.5vw,3rem);font-weight:800}.about-page .about-section .section-header h2 span{background:linear-gradient(135deg,#646cff,#00d4ff);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.about-page .about-section .section-header p{color:var(--muted,#88a);font-size:1rem}.about-page .services-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}@media screen and (max-width:1200px){.about-page .services-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.about-page .services-grid{grid-template-columns:1fr}}.about-page .service-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-radius:20px;padding:30px;transition:all .4s;position:relative;overflow:hidden}.about-page .service-card:hover{box-shadow:inset 0 1px 0 var(--glass-highlight),0 16px 48px var(--glass-shadow),0 0 24px var(--glow);border-color:#646cff73;transform:translateY(-6px)!important}.about-page .service-card:hover .card-glow{opacity:1}.about-page .service-card .card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#646cff14 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.about-page .service-card .service-icon{width:48px;height:48px;color:var(--primary,#646cff);background:#646cff1a;border:1px solid #646cff33;border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;transition:all .3s;display:flex}.about-page .service-card .service-icon svg{width:24px;height:24px}.about-page .service-card:hover .service-icon{color:var(--cyan,#00d4ff);background:#646cff33;border-color:#646cff66;transform:scale(1.05)}.about-page .service-card h3{color:var(--text-strong);margin-bottom:10px;font-size:1.1rem;font-weight:700}.about-page .service-card p{color:var(--muted,#88a);font-size:.9rem;line-height:1.7}.about-page .achievement-section{background:#646cff0a}.about-page .achievement-list{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;display:flex}.about-page .achievement{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-left:3px solid var(--primary,#646cff);border-radius:16px;align-items:flex-start;gap:20px;padding:24px 28px;transition:all .4s;display:flex}.about-page .achievement:hover{box-shadow:inset 0 1px 0 var(--glass-highlight),0 16px 48px var(--glass-shadow),0 0 24px var(--glow);border-color:#646cff73;border-left-color:var(--cyan,#00d4ff);transform:translate(6px)!important}.about-page .achievement .achievement-icon{width:44px;height:44px;color:var(--primary,#646cff);background:#646cff1a;border:1px solid #646cff33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.about-page .achievement .achievement-icon svg{width:22px;height:22px}.about-page .achievement h3{color:var(--text-strong);margin-bottom:6px;font-size:1.05rem;font-weight:700}.about-page .achievement p{color:var(--muted,#88a);font-size:.9rem;line-height:1.7}.about-page .focus-list{flex-direction:column;gap:12px;max-width:750px;margin:0 auto;list-style:none;display:flex}.about-page .focus-list li{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:16px 22px;font-size:1rem;transition:all .3s;display:flex}.about-page .focus-list li:hover{background:#646cff14;border-color:#646cff4d;transform:translate(4px)!important}.about-page .focus-list li .focus-dot{background:linear-gradient(135deg,#646cff,#00d4ff);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #646cff80}.about-page .values-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}@media screen and (max-width:1200px){.about-page .values-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.about-page .values-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.about-page .values-grid{grid-template-columns:1fr}}.about-page .value{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);text-align:center;border-radius:16px;padding:28px 22px;transition:all .4s}.about-page .value:hover{box-shadow:inset 0 1px 0 var(--glass-highlight),0 16px 48px var(--glass-shadow),0 0 24px var(--glow);border-color:#646cff73;transform:translateY(-6px)!important}.about-page .value .value-icon{width:48px;height:48px;color:var(--primary,#646cff);background:#646cff1a;border:1px solid #646cff33;border-radius:12px;justify-content:center;align-items:center;margin:0 auto 14px;transition:all .3s;display:flex}.about-page .value .value-icon svg{width:22px;height:22px}.about-page .value:hover .value-icon{color:var(--cyan,#00d4ff);background:#646cff33}.about-page .value strong{color:var(--text-strong);margin-bottom:8px;font-size:1rem;font-weight:700;display:block}.about-page .value p{color:var(--muted,#88a);font-size:.88rem;line-height:1.6}
