.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#0a0a0f;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in}.splash-screen.fade-out{animation:fadeOut .5s ease-out forwards}.splash-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;filter:blur(50px);transform:scale(1.2)}.splash-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(ellipse at center,rgba(245,213,71,.15) 0%,rgba(245,166,35,.08) 30%,rgba(234,179,8,.04) 50%,transparent 70%);filter:blur(60px);animation:breathe 4s ease-in-out infinite}.splash-foreground{position:relative;z-index:1;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;padding:2rem}.splash-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 0 40px #f5d5474d,0 0 80px #f5d54733,0 0 120px #f5d5471a,0 25px 50px -12px #00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:imageEnter .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes imageEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@media(max-width:768px){.splash-foreground{padding:1rem}.splash-image{max-height:80vh;border-radius:8px}.splash-glow{width:90%;height:90%}}@media(prefers-reduced-motion:reduce){.splash-screen,.splash-image,.splash-glow{animation:none}.splash-background{filter:blur(20px)}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #0f1419;--bg-dark: #1a2332;--bg-card: #1e2936;--bg-hover: #2a3847;--accent-primary: #5b9bd5;--accent-secondary: #7cb9e8;--accent-tertiary: #4a7ba7;--accent-warm: #f4a261;--gray-50: #f8fafc;--gray-100: #e2e8f0;--gray-200: #cbd5e1;--gray-300: #94a3b8;--gray-400: #64748b;--gray-500: #475569;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-dim: #94a3b8;--glow-blue: rgba(91, 155, 213, .25);--glow-warm: rgba(244, 162, 97, .25)}body{background:linear-gradient(135deg,var(--bg-deep) 0%,var(--bg-dark) 100%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden;min-height:100vh}.app{position:relative;min-height:100vh;overflow:hidden}.floating-elements-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.floating-element{position:absolute;font-size:3rem;opacity:.2;filter:blur(1px);-webkit-user-select:none;user-select:none}.hero-section{position:relative;z-index:1;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:2rem}.hero-canvas-container{position:relative;max-width:900px;width:100%}.hero-title-container{text-align:center;margin-bottom:3rem}.hero-title{display:flex;flex-direction:column;gap:.5rem}.title-line{font-size:1.5rem;font-weight:400;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.title-main{font-size:4rem;font-weight:900;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-transform:uppercase}.hero-subtitle{margin-top:1rem;font-size:1.2rem;color:var(--text-secondary)}.highlight{color:var(--accent-primary);font-weight:700}.canvas-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#ffffff08;border-radius:20px;border:2px dashed rgba(255,255,255,.1);overflow:hidden;box-shadow:0 20px 60px #00000080}.doodle-canvas{width:100%;height:100%;cursor:crosshair;touch-action:none}.canvas-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:var(--text-dim);pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center}.portals-section{position:relative;z-index:1;padding:2rem 1.5rem;max-width:1000px;margin:0 auto}.portals-intro{text-align:center;margin-bottom:1.5rem}.section-title{font-size:2rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);letter-spacing:-.02em}.section-subtitle{font-size:1rem;color:var(--text-dim);font-weight:400}.portals-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.portal-card{position:relative;display:block;text-decoration:none;color:inherit;perspective:1000px;cursor:pointer}.portal-card-inner{position:relative;background:#1e293666;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem 2.5rem;display:flex;flex-direction:row;align-items:center;gap:1.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:all .25s ease;box-shadow:0 2px 8px #0000001a}.portal-card:hover .portal-card-inner{border-color:#5b9bd54d;background:#1e293699;box-shadow:0 4px 16px #0003}.portal-icon{position:relative;font-size:3rem;min-width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:10px;flex-shrink:0;border:1px solid rgba(255,255,255,.05)}.icon-main{display:block}.portal-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.portal-title{font-size:1.4rem;font-weight:600;margin-bottom:.4rem;color:var(--text-primary);letter-spacing:-.01em}.portal-tagline{font-size:.95rem;color:var(--text-dim);line-height:1.5;font-weight:400}.portal-arrow{font-size:1.3rem;color:var(--text-dim);opacity:.4;margin-left:auto;transition:all .25s ease}.portal-card:hover .portal-arrow{opacity:.8;color:var(--accent-primary);transform:translate(3px)}.manifesto{position:relative;z-index:1;padding:4rem 2rem 2rem;text-align:center}.manifesto-content{max-width:800px;margin:0 auto}.manifesto-text{margin-bottom:2rem}.manifesto-line{font-size:.95rem;color:var(--text-dim);margin-bottom:0;font-weight:400}.easter-egg-stamp{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;text-align:center}.stamp-mark{background:var(--accent-primary);color:#fff;padding:1.5rem 2rem;border-radius:12px;border:4px solid white;box-shadow:0 10px 40px var(--glow-blue);transform:rotate(-12deg)}.stamp-text{font-size:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.stamp-quote{margin-top:1rem;padding:1rem;background:#000c;border-radius:8px;font-size:1rem;color:var(--text-secondary);font-style:italic}.manifesto-credits{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:var(--text-dim);font-size:.9rem}.credits-detail{margin-top:.5rem;font-size:.85rem;opacity:.7}@media(max-width:768px){.title-main{font-size:2.5rem}.title-line,.hero-subtitle{font-size:1rem}.section-title{font-size:1.6rem}.section-subtitle{font-size:.9rem}.portals-grid{gap:1.25rem;margin-top:2rem}.portal-card-inner{flex-direction:column;align-items:flex-start;padding:1.75rem}.portal-icon{font-size:2.5rem;min-width:60px;height:60px}.portal-title{font-size:1.25rem}.portal-tagline{font-size:.9rem}.portal-arrow{align-self:flex-end}.stamp-text{font-size:1.3rem}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}75%{transform:translateY(20px) rotate(-5deg)}}@keyframes shimmer{0%{background-position:-100%}to{background-position:200%}}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}