*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:13.5px}body{min-height:100vh}#root{width:100%}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-hover: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--sidebar-bg: #0B3C5D;--sidebar-text: #ffffff;--sidebar-hover: #082a45;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--brand-primary: #0B3C5D;--brand-secondary: #082a45;--brand-tertiary: #0A2E46;--brand-glow: rgba(11, 60, 93, .2);--brand-gradient: linear-gradient(135deg, #0B3C5D 0%, #082a45 50%, #0A2E46 100%);--brand-accent: #3b82f6;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(226, 232, 240, .4)}.theme-sepia{background-color:var(--sepia-bg)!important;color:var(--sepia-text)!important}.theme-dark{background-color:var(--reading-dark-bg)!important;color:var(--reading-dark-text)!important}.reading-content{transition:all .3s ease}.bg-brand-blue{background-color:#0b3c5d!important}.bg-brand-gradient{background-image:linear-gradient(135deg,#0b3c5d,#082a45)!important}.text-brand-blue{color:#0b3c5d!important}.border-brand-blue{border-color:#0b3c5d!important}.shadow-brand{box-shadow:0 10px 25px -5px #0b3c5d4d!important}html,body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;margin:0;padding:0;min-height:100vh;overflow-y:auto}#root{width:100%;height:100%}img{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}.animate-float img,[class*=carousel] img{image-rendering:high-quality;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.notebook-container{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-radius:12px}.glass-morphism{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.premium-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.font-handwriting{font-family:Kalam,cursive;font-weight:400}.font-sans{font-family:Inter,sans-serif}.font-serif{font-family:Playfair Display,serif}.font-roboto{font-family:Roboto,sans-serif}.font-lora{font-family:Lora,serif}.font-dancing{font-family:Dancing Script,cursive}.font-caveat{font-family:Caveat,cursive}.font-indie{font-family:Indie Flower,cursive}.font-patrick{font-family:Patrick Hand,cursive}.notebook-preview strong{font-weight:700;color:var(--notebook-text)}.notebook-preview ul{list-style-type:disc;padding-left:1.5rem;margin:.5rem 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px;transition:all .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b80}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.perspective-1000{perspective:1000px}.carousel-container{display:flex;align-items:center;justify-content:center;overflow:visible;padding:40px 0}.carousel-card{transition:all .8s cubic-bezier(.25,.46,.45,.94);cursor:pointer;transform-style:preserve-3d;will-change:transform,opacity,filter;backface-visibility:hidden}.carousel-card.active{transform:translateZ(250px) scale(1.1);z-index:20;opacity:1;filter:blur(0px) brightness(1.15);box-shadow:0 60px 120px -30px #000c,0 30px 60px -15px #3b82f64d,0 0 80px #3b82f633}.carousel-card.prev{transform:translate(-420px) rotateY(38deg) scale(.75);z-index:10;opacity:.5;filter:blur(3px) brightness(.6);box-shadow:0 30px 60px -15px #0009}.carousel-card.next{transform:translate(420px) rotateY(-38deg) scale(.75);z-index:10;opacity:.5;filter:blur(3px) brightness(.6);box-shadow:0 30px 60px -15px #0009}.carousel-card.far-prev{transform:translate(-720px) rotateY(50deg) scale(.55);z-index:5;opacity:.25;filter:blur(6px) brightness(.4);box-shadow:0 20px 40px -10px #00000080}.carousel-card.far-next{transform:translate(720px) rotateY(-50deg) scale(.55);z-index:5;opacity:.25;filter:blur(6px) brightness(.4);box-shadow:0 20px 40px -10px #00000080}.carousel-card.hidden{opacity:0;transform:scale(.2) translateZ(-800px);pointer-events:none;filter:blur(10px)}.glass-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-card-dark{background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes pulse-glow{0%,to{opacity:.5;filter:blur(40px);transform:scale(1)}50%{opacity:.8;filter:blur(60px);transform:scale(1.1)}}@keyframes particle-drift{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(100px,-100px);opacity:0}}@keyframes ray-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.nano-banana-ray{position:absolute;top:50%;left:50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(255,255,255,.05) 10deg,transparent 20deg,rgba(255,255,255,.05) 140deg,transparent 150deg);animation:ray-rotate 60s linear infinite;pointer-events:none}.nano-particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;filter:blur(1px);pointer-events:none;animation:particle-drift 10s linear infinite}.text-glow-white{text-shadow:0 0 30px rgba(255,255,255,.3)}.slider-glass-button{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.slider-glass-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 10px 20px -5px #0000004d}