.header{position:relative;z-index:2;padding:10px 0;border-bottom:1px solid rgba(37,99,235,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8faffb3}.header-content{max-width:900px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;cursor:pointer;color:#1e3a8a}.logo-icon{width:52px;height:52px;object-fit:contain}.nav{display:flex;gap:30px;list-style:none}.nav a{text-decoration:none;color:#1f2937;font-size:14px;font-weight:500;transition:color .25s ease;position:relative;cursor:pointer}.nav a:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:linear-gradient(90deg,#2563eb,#f97316);transition:width .3s ease}.nav a:hover{color:#2563eb}.nav a:hover:after{width:100%}@media (max-width: 768px){.header-content{flex-direction:column;gap:8px}.nav{gap:20px;font-size:12px}}.hero-section{position:relative;z-index:1;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;padding-top:12px;padding-bottom:48px}.hero-title-box{display:inline-block;padding:36px 44px;margin-bottom:20px;background:linear-gradient(135deg,#fffaebe6,#f5ebfff2);border:1px solid #f5e6ff;border-radius:22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 48px #b084cc38}@media (max-width: 768px){.hero-title-box{padding:26px 30px}}.coming-soon-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#ffd699,#ffb3d9,#e9d5ff);border:1px solid rgba(255,255,255,.6);border-radius:999px;font-size:12px;font-weight:600;font-style:normal;letter-spacing:1.2px;text-transform:uppercase;font-family:inherit;margin-bottom:32px;color:#25103d;cursor:default;box-shadow:0 8px 24px #aa78ff59,0 0 #aa78ff66;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:glowPulse 3s ease-in-out infinite}.coming-soon-badge:before{content:"✨";font-size:16px}.coming-soon-badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-100%);animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes glowPulse{0%{box-shadow:0 8px 24px #aa78ff40,0 0 #aa78ff4d}50%{box-shadow:0 12px 32px #aa78ff73,0 0 14px #aa78ff99}to{box-shadow:0 8px 24px #aa78ff40,0 0 #aa78ff4d}}.h1{font-size:72px;font-weight:800;margin:1px 0 15px;line-height:1.1;color:#1a1a1a;display:block;letter-spacing:-.02em}.text-secondary{color:#334155;display:inline-block;margin-right:16px}.text-gradient{background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;filter:drop-shadow(0 2px 10px rgba(124,58,237,.2))}.tagline{font-size:20px;color:#7c6fa3;margin-bottom:50px;font-weight:400;line-height:1.6}@media (max-width: 768px){.h1{font-size:48px;line-height:1.2}.text-secondary{display:block;margin-right:0;margin-bottom:4px}.tagline{font-size:18px}}@media (max-width: 768px){.hero-section{padding-bottom:12px}}@media (max-width: 480px){.h1{font-size:32px}.tagline{font-size:16px}}.content-box{position:relative;background:linear-gradient(135deg,#fffaebe6,#f5ebfff2);border:1px solid #f5e6ff;border-radius:16px;padding:50px;margin-bottom:13px;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);box-shadow:0 10px 40px #b084cc1f,inset 0 1px #fff6;transition:all .35s ease;overflow:hidden}.content-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff59,#ffffff0d);pointer-events:none}.content-box:hover{border-color:#3b82f6;box-shadow:0 14px 48px #b084cc2e,inset 0 1px #ffffff73}.content-box p{font-size:17px;line-height:1.8;color:#5e3a8a;margin-bottom:20px;position:relative;z-index:1}.content-box p:last-child{margin-bottom:0}.highlight{white-space:nowrap}.content-box strong{color:#0f172a;background:linear-gradient(135deg,#ffe4f0,#f5e6ff);padding:2px 6px;border-radius:6px;font-weight:600}@media (max-width: 768px){.content-box{padding:30px}.content-box p{font-size:16px}}.cta-section{margin-bottom:0;text-align:left}.email-form{margin-bottom:30px}.input-group{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta-text{margin-top:16px;font-size:16px;color:#6b4fa0}.cta-text a{color:#7b5cff;font-weight:600;text-decoration:none}.explore-text{margin-top:24px;font-size:15px;color:#6b4fa0}.cta-box{margin-top:16px;padding:24px 28px;border-radius:16px;background:linear-gradient(135deg,#ffc8f059,#dcd2ff59);border:1px solid rgba(123,92,255,.35);box-shadow:0 12px 32px #7b5cff26;transition:transform .3s ease,box-shadow .3s ease}.cta-box:hover{transform:translateY(-2px);box-shadow:0 18px 40px #7b5cff40}.cta-primary{font-size:17px;font-weight:600;color:#4b2e83}.cta-primary a{color:#6f5cff;font-weight:700;text-decoration:none}.cta-secondary{margin-top:10px;font-size:15px;color:#5e4b8b}.cta-secondary a{color:#6f5cff;font-weight:600;text-decoration:none}.email-input{flex:1;min-width:300px;padding:14px 20px;background:#fffaf0f2;border:1px solid #ffe4d6;border-radius:8px;color:#2d2d2d;font-size:15px;transition:all .3s ease;box-shadow:0 2px 8px #f0b49614;font-family:inherit}.email-input:focus{outline:none;border-color:#b084cc;background:#fff;box-shadow:0 0 0 4px #b084cc1a,0 2px 12px #b084cc26}.email-input::placeholder{color:#9ca3af}.email-input:disabled{opacity:.6;cursor:not-allowed}.notify-button{padding:14px 40px;background:linear-gradient(135deg,#b084cc,#9d5dd4);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #b084cc66;position:relative;overflow:hidden;font-family:inherit}.notify-button:hover{box-shadow:0 12px 28px #b084cc66}.notify-button:active{transform:scale(.95)}.notify-button:disabled{opacity:.8;cursor:not-allowed;pointer-events:none}.loader{display:inline-block;width:16px;height:16px;font-size:12px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#fef3c7);border:1px solid #bbf7d0;border-radius:8px;color:#166534;margin-bottom:20px;text-align:center;font-weight:500;box-shadow:0 4px 12px #22c55e33}.error-message{padding:16px 20px;background:linear-gradient(135deg,#fef2f2,#ffe4e6);border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:20px;text-align:center;font-weight:500;box-shadow:0 4px 12px #ef444433}.contact-info{font-size:15px;color:#7c6fa3;margin-bottom:40px}.contact-info a{color:#b084cc;text-decoration:none;font-weight:500;transition:all .3s ease}.reference-section{border-top:1px solid #f0e5ff;padding-top:50px;font-size:14px;color:#7c6fa3}.reference-section a{color:#b084cc;text-decoration:none;font-weight:500;transition:all .3s ease}@media (max-width: 768px){.input-group{flex-direction:column}.email-input{min-width:100%}.notify-button{width:100%}}.background-elements{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.gradient-circle{position:absolute;border-radius:50%;opacity:.05;filter:blur(80px);will-change:transform}.circle-1{width:400px;height:400px;background:linear-gradient(135deg,#ffd699,#ffb3d9);top:-150px;right:-150px}.circle-2{width:500px;height:500px;background:linear-gradient(135deg,#c9d6ff,#e9d5ff);bottom:-200px;left:-200px}.circle-3{width:350px;height:350px;background:linear-gradient(135deg,#fef3c7,#d4f4dd);top:50%;right:5%}@media (max-width: 768px){.circle-1{width:250px;height:250px;top:-100px;right:-100px}.circle-2{width:300px;height:300px;bottom:-100px;left:-100px}.circle-3{display:none}}.footer{position:relative;z-index:1;padding:40px 0;text-align:center;font-size:13px;color:#94a3b8;border-top:1px solid rgba(240,240,240,.8);background:linear-gradient(180deg,#ffffffb3,#ffffffe6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.footer:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle,rgba(170,120,255,.12),transparent 60%);animation:footerGlow 10s ease-in-out infinite;pointer-events:none}.footer:after{content:"";position:absolute;top:0;left:50%;width:120px;height:2px;background:linear-gradient(90deg,transparent,rgba(170,120,255,.6),transparent);transform:translate(-50%);animation:shimmerLine 4s ease-in-out infinite}.footer-container{max-width:900px;margin:0 auto;padding:0 20px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px}.social-links{display:flex;gap:16px}.social-icon{color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background:#ffffff80;border:1px solid rgba(0,0,0,.05)}.social-icon svg,.social-logo-img{width:20px;height:20px;object-fit:contain}.social-icon:hover{color:#0a66c2;background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0a66c233}[data-theme=dark] .footer{background:#0f172acc;border-top-color:#ffffff1a}[data-theme=dark] .footer p{color:#94a3b8}[data-theme=dark] .social-icon{background:#ffffff0d;border-color:#ffffff1a;color:#cbd5e1}[data-theme=dark] .social-icon:hover{background:#1e293b;color:#38bdf8}.footer-container p{transition:color .3s ease,letter-spacing .3s ease}.footer-container p:hover{color:#6b5ca5;letter-spacing:.4px}@keyframes footerGlow{0%{transform:translate(-10%) translateY(-10%)}50%{transform:translate(10%) translateY(10%)}to{transform:translate(-10%) translateY(-10%)}}@keyframes shimmerLine{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@media (max-width: 768px){.footer{padding:30px 0;font-size:12px}}#team{scroll-margin-top:100px}.team-section{padding:100px 20px;text-align:center}.team-title{font-size:clamp(36px,5vw,56px);color:#1e1b4b;margin-bottom:60px;letter-spacing:-.02em;font-weight:800;display:inline-block;background:linear-gradient(135deg,#1e3a8a,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto}.team-card{perspective:2000px}.team-card-inner{position:relative;width:100%;height:420px;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px -10px #0000001a;border-radius:24px}.team-card:hover .team-card-inner{transform:rotateY(180deg) rotate(2deg)}.team-card-front,.team-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:24px;padding:40px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.team-card-front{background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.team-card-front:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at center,rgba(124,58,237,.05) 0%,transparent 60%);z-index:0;animation:rotateBg 20s linear infinite}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-wrapper,h2,.role-badge{position:relative;z-index:1}.team-card-front h2{color:#0f172a;font-size:24px;margin-top:20px;text-align:center;font-weight:700;letter-spacing:-.01em}.role-badge{margin-top:8px;font-size:14px;font-weight:500;color:#64748b;background:#f1f5f9;padding:6px 14px;border-radius:20px;border:1px solid #e2e8f0}.avatar-wrapper{padding:4px;border-radius:26px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);box-shadow:0 10px 25px -5px #7c3aed4d}.avatar{width:140px;height:140px;border-radius:22px;overflow:hidden;background:#fff;border:4px solid white}.avatar-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.team-card:hover .avatar-img{transform:scale(1.1)}.team-card-back{background:linear-gradient(135deg,#f0f9ff,#ebf);transform:rotateY(180deg) rotate(2deg);color:#334155;text-align:center;box-shadow:inset 0 0 20px #ffffff80;border:1px solid rgba(124,58,237,.1)}.team-card-back p{font-size:16px;line-height:1.7;color:#475569;font-weight:500;opacity:1}.team-card-back:after{content:'"';position:absolute;top:20px;left:20px;font-family:serif;font-size:80px;color:#7c3aed1a;line-height:1}@media (max-width: 768px){.team-section{padding:60px 0;overflow:hidden}.team-title{padding:0 20px;margin-bottom:30px}.team-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:10px 24px 60px;width:100%;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.team-grid::-webkit-scrollbar{display:none}.team-card{flex:0 0 85%;max-width:320px;scroll-snap-align:center;perspective:1000px;cursor:pointer;-webkit-tap-highlight-color:transparent}.team-card:active .team-card-inner,.team-card:focus .team-card-inner{transform:rotateY(180deg) rotate(2deg)}@keyframes autoFlipHint{0%,to{transform:rotateY(0)}30%,70%{transform:rotateY(180deg) rotate(2deg)}}.team-card:first-child .team-card-inner{animation:autoFlipHint 3s ease-in-out 1s 1}}.app{width:100%;min-height:100vh;background:linear-gradient(135deg,#fefef8,#faf8ff,#f8f6ff);position:relative;overflow-x:hidden}.main-content{position:relative;z-index:1}.content-wrapper{max-width:1200px;margin:0 auto;padding:30px 20px 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.left-section{display:flex;align-items:center;min-height:600px}.right-section{display:flex;flex-direction:column;gap:40px}header{position:relative;z-index:2;padding:15px 0;border-bottom:1px solid #f0e5ff;margin-bottom:0}footer{position:relative;z-index:1;border-top:1px solid #f0e5ff;padding:40px 0;text-align:center;color:#a89fc9;font-size:13px}@media (max-width: 768px){.content-wrapper{grid-template-columns:1fr;gap:20px;padding:24px 20px 40px}.left-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:12px;min-height:auto}header{margin-bottom:10px}.right-section{gap:20px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#fefef8,#faf8ff,#f8f6ff);color:#2d2d2d;position:relative;overflow-x:hidden}#root{--color-primary: #2563EB;--color-secondary: #F97316;--color-accent: #FACC15;--bg-dark: #020617;--text-light: #E5E7EB;width:100%;min-height:100vh}