:root{--bg-primary: #f7fafa;--bg-secondary: #eef4f4;--bg-tertiary: #e4eded;--bg-card: rgba(255, 255, 255, .7);--text-primary: #1e3c3c;--text-secondary: rgba(30, 60, 60, .72);--text-tertiary: rgba(30, 60, 60, .48);--accent-cyan: #3a8585;--accent-purple: #2d5252;--accent-pink: #4a8a7a;--accent-blue: #3d7070;--accent-amber: #c49a5c;--accent-green: #2d8060;--gradient-primary: linear-gradient(135deg, #2d5252 0%, #3a7a7a 50%, #4a9a8a 100%);--gradient-text: linear-gradient(135deg, #1e3c3c 0%, #2d5e5e 50%, #3a8585 100%);--gradient-card: linear-gradient(135deg, rgba(45, 82, 82, .04) 0%, rgba(58, 133, 133, .03) 100%);--gradient-glow: linear-gradient(135deg, #2d5252 0%, #3a7a7a 100%);--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(45, 82, 82, .1);--glass-blur: 20px;--glass-bg-light: rgba(255, 255, 255, .8);--section-padding: 8rem 0;--container-max: 1200px;--border-radius: 20px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .6s cubic-bezier(.16, 1, .3, 1)}body.night-mode{--bg-primary: #050a14;--bg-secondary: #0a1428;--bg-tertiary: #0f1e3c;--bg-card: rgba(10, 20, 40, .7);--text-primary: #f7fafa;--text-secondary: rgba(247, 250, 250, .72);--text-tertiary: rgba(247, 250, 250, .48);--gradient-text: linear-gradient(135deg, #b8d8d8 0%, #70c8c8 50%, #4a9a8a 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--glass-bg: rgba(10, 20, 40, .6);--glass-border: rgba(255, 255, 255, .1);--glass-bg-light: rgba(10, 20, 40, .8)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.7;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color 3s ease,color 3s ease}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}#global-stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 3s ease-in-out}body.night-mode #global-stars-canvas{opacity:1}.gradient-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(58,133,133,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(45,128,96,.1) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 90%,rgba(196,154,92,.08) 0%,transparent 50%);animation:mesh-drift 15s ease-in-out infinite alternate}@keyframes mesh-drift{0%{transform:translate(0) scale(1);opacity:.8}33%{transform:translate(-30px,20px) scale(1.03);opacity:1}66%{transform:translate(20px,-15px) scale(.97);opacity:.9}to{transform:translate(15px,-10px) scale(1.01);opacity:1}}.floating-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.shape{position:absolute;border:2px solid rgba(45,82,82,.12);border-radius:4px;opacity:0;animation:shape-float 18s ease-in-out infinite}.shape-1{width:20px;height:20px;top:15%;left:8%;animation-delay:0s;transform:rotate(45deg)}.shape-2{width:14px;height:14px;top:35%;right:12%;animation-delay:4s;border-radius:50%}.shape-3{width:24px;height:24px;top:65%;left:5%;animation-delay:8s}.shape-4{width:16px;height:16px;top:80%;right:8%;animation-delay:12s;transform:rotate(30deg)}.shape-5{width:18px;height:18px;top:50%;left:50%;animation-delay:6s;border-radius:50%}@keyframes shape-float{0%,to{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:.7}50%{opacity:.4;transform:translateY(-100px) rotate(180deg)}90%{opacity:.7}}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.ambient-orbs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;will-change:transform}.orb-1{width:600px;height:600px;background:#b8d8d8;top:-200px;right:-100px;animation:float-orb-1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:#a8c8b8;bottom:-150px;left:-100px;animation:float-orb-2 25s ease-in-out infinite}.orb-3{width:400px;height:400px;background:#c8dcd4;top:50%;left:50%;transform:translate(-50%,-50%);animation:float-orb-3 18s ease-in-out infinite}.orb-4{width:350px;height:350px;background:#d0e4e0;top:30%;right:10%;animation:float-orb-4 22s ease-in-out infinite}@keyframes float-orb-1{0%,to{transform:translate(0) scale(1);opacity:.2}25%{transform:translate(-100px,80px) scale(1.15);opacity:.3}50%{transform:translate(-60px,120px) scale(1.05);opacity:.15}75%{transform:translate(40px,-40px) scale(.9);opacity:.25}}@keyframes float-orb-2{0%,to{transform:translate(0) scale(1);opacity:.2}25%{transform:translate(80px,-100px) scale(1.2);opacity:.25}50%{transform:translate(120px,-60px) scale(.9);opacity:.15}75%{transform:translate(-40px,40px) scale(1.1);opacity:.3}}@keyframes float-orb-3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.15}33%{transform:translate(-40%,-60%) scale(1.3);opacity:.25}66%{transform:translate(-60%,-40%) scale(.8);opacity:.2}}@keyframes float-orb-4{0%,to{transform:translate(0) scale(1);opacity:.2}33%{transform:translate(-80px,100px) scale(1.15);opacity:.3}66%{transform:translate(60px,-60px) scale(.85);opacity:.15}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(60px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.85);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-scale.revealed{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.stagger-7{transition-delay:.7s}.stagger-8{transition-delay:.8s}.skeleton{background:linear-gradient(90deg,#2d52520f,#2d52521f,#2d52520f);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--border-radius);position:relative;overflow:hidden}.glass-card:after{content:"";position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-15deg);transition:none;pointer-events:none;z-index:10}.glass-card:hover:after{animation:shine-sweep .6s ease-out}@keyframes shine-sweep{0%{left:-75%}to{left:125%}}.glow-pulse{animation:card-glow-pulse 4s ease-in-out infinite}@keyframes card-glow-pulse{0%,to{box-shadow:0 4px 20px #2d52520a}50%{box-shadow:0 8px 40px #2d52521f,0 0 20px #3a85850f}}.animated-border{position:relative}.animated-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:linear-gradient(var(--border-angle, 0deg),rgba(45,82,82,.25),rgba(58,133,133,.08),rgba(74,154,138,.25),rgba(45,82,82,.08));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-rotate 6s linear infinite;pointer-events:none;z-index:1}@keyframes border-rotate{to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2d5252,#3a8585);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3a7a7a,#2d5252)}::selection{background:#2d525233;color:var(--text-primary)}