*{margin:0;padding:0;box-sizing:border-box}:root{--space-black: #000000;--atmosphere-dark: #0a0a0a;--atmosphere-mid: #1a1a2e;--atmosphere-light: #16213e;--text-light: #F3F4F6;--primary: #6B46C1;--secondary: #EC4899;--accent: #10B981;--forest-dark: rgb(26, 35, 31);--forest-light: rgb(36, 49, 41);--leaf-light: rgb(201, 212, 197);--tech-glow: rgb(127, 203, 238);--tech-accent: rgba(127, 203, 238, .15);--tech-bright: rgba(127, 203, 238, .8);--earthy-orange: rgb(217, 124, 43);--earthy-orange-light: rgba(217, 124, 43, .8);--lamad-bg-primary: #0f172a;--lamad-bg-secondary: #1e293b;--lamad-bg-tertiary: #334155;--lamad-surface: rgba(30, 41, 59, .8);--lamad-surface-hover: rgba(51, 65, 85, .9);--lamad-text-primary: #f1f5f9;--lamad-text-secondary: #cbd5e1;--lamad-text-tertiary: #94a3b8;--lamad-text-muted: #64748b;--lamad-border: rgba(148, 163, 184, .2);--lamad-border-hover: rgba(148, 163, 184, .4);--lamad-accent-primary: #6366f1;--lamad-accent-secondary: #8b5cf6;--lamad-accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--lamad-success: #10b981;--lamad-warning: #f59e0b;--lamad-info: #3b82f6}@media (prefers-color-scheme: light){:root{--space-black: #e3f2fd;--atmosphere-dark: #bbdefb;--atmosphere-mid: #90caf9;--atmosphere-light: #64b5f6;--text-light: #1a1a1a;--primary: #1976d2;--secondary: #f57c00;--accent: #00897b;--forest-dark: rgb(195, 205, 180);--forest-light: rgb(235, 240, 225);--leaf-light: rgb(40, 55, 30);--tech-glow: rgb(15, 85, 150);--tech-accent: rgba(15, 85, 150, .15);--tech-bright: rgba(15, 85, 150, .95);--earthy-orange: rgb(175, 85, 30);--earthy-orange-light: rgba(175, 85, 30, .8);--lamad-bg-primary: #ffffff;--lamad-bg-secondary: #f8fafc;--lamad-bg-tertiary: #f1f5f9;--lamad-surface: rgba(255, 255, 255, .95);--lamad-surface-hover: rgba(248, 250, 252, 1);--lamad-text-primary: #0f172a;--lamad-text-secondary: #334155;--lamad-text-tertiary: #475569;--lamad-text-muted: #64748b;--lamad-border: rgba(15, 23, 42, .15);--lamad-border-hover: rgba(15, 23, 42, .3);--lamad-accent-primary: #4f46e5;--lamad-accent-secondary: #7c3aed;--lamad-accent-gradient: linear-gradient(135deg, #4f46e5, #7c3aed);--lamad-success: #059669;--lamad-warning: #d97706;--lamad-info: #2563eb}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:radial-gradient(ellipse at 20% 30%,rgba(107,70,193,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(236,72,153,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(16,185,129,.1) 0%,transparent 60%),linear-gradient(135deg,var(--atmosphere-dark) 0%,var(--atmosphere-mid) 50%,var(--atmosphere-light) 100%);color:var(--text-light);overflow-x:hidden;cursor:default}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 200px 90px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 240px 50px,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 280px 20px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 320px 100px,rgba(255,255,255,1),transparent),radial-gradient(2px 2px at 360px 60px,rgba(255,255,255,.75),transparent);background-repeat:repeat;background-size:400px 200px;animation:twinkle 8s linear infinite;pointer-events:none;z-index:-5;mix-blend-mode:screen}@keyframes twinkle{0%,to{opacity:.6}50%{opacity:.85}}@media (prefers-color-scheme: light){body{background:radial-gradient(ellipse at 20% 30%,rgba(255,250,205,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(135,206,235,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(195,205,180,.25) 0%,transparent 60%),linear-gradient(135deg,var(--atmosphere-dark) 0%,var(--atmosphere-mid) 50%,var(--atmosphere-light) 100%)}body:before{display:none}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:4px}@media (prefers-color-scheme: light){::-webkit-scrollbar-track{background:#0000000d}}@keyframes float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes bounce{0%,to{transform:translate3d(-50%,0,0)}50%{transform:translate3d(-50%,10px,0)}}.section{min-height:100vh;padding:5rem 2rem;display:flex;align-items:center;justify-content:center;position:relative}.section-content{max-width:900px;width:100%;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:transform,opacity}.section-content.visible{opacity:1;transform:translateZ(0)}.section h2{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section p{font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem;opacity:.9}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;transition:all .3s ease;opacity:0;transform:translateY(20px);will-change:transform,opacity}.card.visible{opacity:1;transform:translateZ(0)}.card.visible:nth-child(1){transition-delay:0ms}.card.visible:nth-child(2){transition-delay:.1s}.card.visible:nth-child(3){transition-delay:.2s}.card.visible:nth-child(4){transition-delay:.3s}.card.visible:nth-child(5){transition-delay:.4s}.card.visible:nth-child(6){transition-delay:.5s}.card:hover{background:#ffffff14;transform:translate3d(0,-5px,0);box-shadow:0 20px 40px #0000004d}.card h3{color:var(--accent);margin-bottom:1rem;font-size:1.3rem}@media (prefers-color-scheme: light){.card{background:#ffffffd9;border:1px solid rgba(0,0,0,.15)}.card:hover{background:#fffffff2;box-shadow:0 20px 40px #00000026}}.quote{font-size:1.5rem;font-style:italic;text-align:center;margin:3rem 0;padding:2rem;border-left:4px solid var(--secondary);background:#ffffff08;border-radius:8px}.quote-author{font-size:1rem;font-style:normal;margin-top:1rem;opacity:.7}@media (prefers-color-scheme: light){.quote{background:#ffffffa6;border-left-color:var(--secondary)}}.vision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:3rem 0}.vision-item{padding:1.5rem;background:linear-gradient(135deg,#6b46c11a,#ec48991a);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.vision-item:hover{transform:scale3d(1.05,1.05,1);background:linear-gradient(135deg,#6b46c133,#ec489933)}@media (prefers-color-scheme: light){.vision-item{background:linear-gradient(135deg,#87ceeb33,#fffacd33);border:1px solid rgba(0,0,0,.1)}.vision-item:hover{background:linear-gradient(135deg,#87ceeb59,#fffacd59)}}.cta{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,#6b46c133,#ec489933);border-radius:24px;margin:3rem 0}.cta h3{font-size:2.5rem;margin-bottom:2rem}.cta-button{display:inline-block;padding:1rem 3rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-decoration:none;border-radius:50px;font-size:1.2rem;font-weight:700;transition:all .3s ease;box-shadow:0 10px 30px #6b46c14d}.cta-button:hover{transform:translate3d(0,-3px,0);box-shadow:0 15px 40px #6b46c166}@media (prefers-color-scheme: light){.cta{background:linear-gradient(135deg,#fffacd66,#c3cdb44d)}.cta-button{box-shadow:0 10px 30px #5e35b14d}.cta-button:hover{box-shadow:0 15px 40px #5e35b166}}footer{text-align:center;padding:3rem}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.section h2{font-size:2rem}.card-grid{grid-template-columns:1fr}}body[data-theme=light]{--space-black: #e3f2fd;--atmosphere-dark: #bbdefb;--atmosphere-mid: #90caf9;--atmosphere-light: #64b5f6;--text-light: #1a1a1a;--primary: #5e35b1;--secondary: #d81b60;--accent: #00897b;--forest-dark: rgb(46, 125, 50);--forest-light: rgb(102, 187, 106);--leaf-light: rgb(27, 94, 32);--tech-glow: rgb(1, 87, 155);--tech-accent: rgba(1, 87, 155, .15);--tech-bright: rgba(1, 87, 155, .9);--earthy-orange: rgb(230, 81, 0);--earthy-orange-light: rgba(230, 81, 0, .8);--lamad-bg-primary: #ffffff;--lamad-bg-secondary: #f8fafc;--lamad-bg-tertiary: #f1f5f9;--lamad-surface: rgba(255, 255, 255, .95);--lamad-surface-hover: rgba(248, 250, 252, 1);--lamad-text-primary: #0f172a;--lamad-text-secondary: #334155;--lamad-text-tertiary: #475569;--lamad-text-muted: #64748b;--lamad-border: rgba(15, 23, 42, .15);--lamad-border-hover: rgba(15, 23, 42, .3);--lamad-accent-primary: #4f46e5;--lamad-accent-secondary: #7c3aed;--lamad-accent-gradient: linear-gradient(135deg, #4f46e5, #7c3aed);--lamad-success: #059669;--lamad-warning: #d97706;--lamad-info: #2563eb}body[data-theme=light]:before{display:none}body[data-theme=light] ::-webkit-scrollbar-track{background:#0000000d}body[data-theme=light] .card{background:#ffffffb3;border:1px solid rgba(0,0,0,.1)}body[data-theme=light] .card:hover{background:#ffffffe6;box-shadow:0 20px 40px #00000026}body[data-theme=light] .quote{background:#ffffff80;border-left-color:var(--secondary)}body[data-theme=light] .vision-item{background:linear-gradient(135deg,#5e35b126,#d81b6026);border:1px solid rgba(0,0,0,.1)}body[data-theme=light] .vision-item:hover{background:linear-gradient(135deg,#5e35b140,#d81b6040)}body[data-theme=light] .cta{background:linear-gradient(135deg,#5e35b133,#d81b6033)}body[data-theme=light] .cta-button{box-shadow:0 10px 30px #5e35b14d}body[data-theme=light] .cta-button:hover{box-shadow:0 15px 40px #5e35b166}body[data-theme=dark]{--space-black: #000000;--atmosphere-dark: #0a0a0a;--atmosphere-mid: #1a1a2e;--atmosphere-light: #16213e;--text-light: #F3F4F6;--primary: #6B46C1;--secondary: #EC4899;--accent: #10B981;--forest-dark: rgb(26, 35, 31);--forest-light: rgb(36, 49, 41);--leaf-light: rgb(201, 212, 197);--tech-glow: rgb(127, 203, 238);--tech-accent: rgba(127, 203, 238, .15);--tech-bright: rgba(127, 203, 238, .8);--earthy-orange: rgb(217, 124, 43);--earthy-orange-light: rgba(217, 124, 43, .8);--lamad-bg-primary: #0f172a;--lamad-bg-secondary: #1e293b;--lamad-bg-tertiary: #334155;--lamad-surface: rgba(30, 41, 59, .8);--lamad-surface-hover: rgba(51, 65, 85, .9);--lamad-text-primary: #f1f5f9;--lamad-text-secondary: #cbd5e1;--lamad-text-tertiary: #94a3b8;--lamad-text-muted: #64748b;--lamad-border: rgba(148, 163, 184, .2);--lamad-border-hover: rgba(148, 163, 184, .4);--lamad-accent-primary: #6366f1;--lamad-accent-secondary: #8b5cf6;--lamad-accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--lamad-success: #10b981;--lamad-warning: #f59e0b;--lamad-info: #3b82f6}body[data-theme=dark]:before{display:block}body[data-theme=dark] ::-webkit-scrollbar-track{background:#ffffff0d}body[data-theme=dark] .card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}body[data-theme=dark] .card:hover{background:#ffffff14;box-shadow:0 20px 40px #0000004d}body[data-theme=dark] .quote{background:#ffffff08;border-left-color:var(--secondary)}body[data-theme=dark] .vision-item{background:linear-gradient(135deg,#6b46c11a,#ec48991a);border:1px solid rgba(255,255,255,.1)}body[data-theme=dark] .vision-item:hover,body[data-theme=dark] .cta{background:linear-gradient(135deg,#6b46c133,#ec489933)}body[data-theme=dark] .cta-button{box-shadow:0 10px 30px #6b46c14d}body[data-theme=dark] .cta-button:hover{box-shadow:0 15px 40px #6b46c166}
