@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap");:root{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--primary:262.1 83.3% 57.8%;--primary-foreground:210 40% 98%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:142.1 76.2% 36.3%;--accent-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:262.1 83.3% 57.8%;--ghost-black:#0a0a0a;--ghost-dark:#1a1a1a;--ghost-gray:#2a2a2a;--ghost-purple:#6b46c1;--ghost-neon:#00ff41;--ghost-red:#ff073a;--ghost-cyan:#00ffff;--font-primary:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-display:"Orbitron",sans-serif;--font-logo:"Orbitron",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-base:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-glow:0 0 20px rgb(107 70 193/0.3);--shadow-neon:0 0 15px rgb(0 255 65/0.5);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--navbar-height:4rem;--navbar-height-mobile:4rem;--navbar-bg:rgba(10,10,10,0.75);--navbar-backdrop-blur:20px;--navbar-border:rgba(255,255,255,0.1);--navbar-shadow:0 8px 32px rgba(0,0,0,0.37);--search-bg:rgba(255,255,255,0.05);--search-border:rgba(255,255,255,0.1);--search-focus-border:rgba(107,33,168,0.8);--search-text:#ffffff;--search-placeholder:rgba(255,255,255,0.5);--button-primary-bg:linear-gradient(135deg,#8b5cf6,#3b82f6);--button-primary-hover-bg:linear-gradient(135deg,#7c3aed,#2563eb);--button-primary-shadow:0 4px 12px rgba(139,92,246,0.4);--button-primary-hover-shadow:0 6px 16px rgba(139,92,246,0.5);--icon-primary:#ffffff;--icon-secondary:rgba(255,255,255,0.7);--icon-hover:#d8b4fe;--logo-gradient:linear-gradient(90deg,#a78bfa,#38bdf8,#4ade80);--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2)}[data-theme=light]{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--primary:262.1 83.3% 57.8%;--primary-foreground:210 40% 98%;--secondary:210 40% 98%;--secondary-foreground:222.2 84% 4.9%;--muted:210 40% 98%;--muted-foreground:215.4 16.3% 46.9%;--accent:142.1 76.2% 36.3%;--accent-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:262.1 83.3% 57.8%;--card:0 0% 100%;--card-foreground:210 40% 98%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--ghost-black:#ffffff;--ghost-dark:#f8fafc;--ghost-gray:#e2e8f0;--ghost-purple:#8b5cf6;--ghost-neon:#10b981;--ghost-red:#ef4444;--ghost-cyan:#06b6d4;--navbar-bg:rgba(255,255,255,0.85);--navbar-border:rgba(0,0,0,0.1);--navbar-shadow:0 8px 32px rgba(0,0,0,0.1);--search-bg:rgba(0,0,0,0.05);--search-border:rgba(0,0,0,0.1);--search-focus-border:rgba(139,92,246,0.8);--search-text:#1f2937;--search-placeholder:rgba(0,0,0,0.5);--icon-primary:#1f2937;--icon-secondary:rgba(0,0,0,0.7);--icon-hover:#8b5cf6;--glass-bg:rgba(0,0,0,0.05);--glass-border:rgba(0,0,0,0.1)}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}body{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-primary);margin:0;padding:0;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}::-moz-selection{background:var(--ghost-neon);color:var(--ghost-black)}::selection{background:var(--ghost-neon);color:var(--ghost-black)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--ghost-dark)}::-webkit-scrollbar-thumb{background:var(--ghost-purple);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--ghost-neon)}button:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--ring)/.5)}.theme-bg-primary{background:hsl(var(--background))}.theme-text-primary{color:hsl(var(--foreground))}.theme-border-primary{border-color:hsl(var(--border))}.theme-shadow-glow{box-shadow:var(--shadow-glow)}.theme-transition{transition:var(--transition-base)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.homepage-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,hsl(var(--background)) 0,var(--ghost-dark) 50%,hsl(var(--background)) 100%)}.homepage-main{flex-grow:1}.homepage-notes-section{max-width:1200px;margin:0 auto;padding:0 var(--space-3) var(--space-12)}@media (min-width:475px){.homepage-notes-section{padding:0 var(--space-4) var(--space-16)}}@media (min-width:640px){.homepage-notes-section{padding:0 var(--space-4) var(--space-20)}}.hero-section{position:relative;padding:var(--space-16) var(--space-4);overflow:hidden}@media (min-width:640px){.hero-section{padding:var(--space-20) var(--space-4)}}@media (min-width:1024px){.hero-section{padding:var(--space-24) var(--space-4)}}.hero-container{max-width:4rem;margin:0 auto;text-align:center;position:relative;z-index:10}@media (min-width:1024px){.hero-container{max-width:64rem}}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-.025em;background:var(--logo-gradient);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-3);animation:gradient-shift 4s ease-in-out infinite;transition:var(--transition-base)}@media (min-width:640px){.hero-title{font-size:var(--text-5xl);margin-bottom:var(--space-4)}}.hero-subtitle{font-size:var(--text-base);color:hsl(var(--muted-foreground));max-width:32rem;margin:0 auto var(--space-6);padding:0 var(--space-1);line-height:1.6}@media (min-width:640px){.hero-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-8)}}@media (min-width:1024px){.hero-subtitle{margin-bottom:var(--space-12)}}.hero-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1-5);margin-bottom:var(--space-8)}@media (min-width:640px){.hero-categories{gap:var(--space-2);margin-bottom:var(--space-10)}}@media (min-width:1024px){.hero-categories{gap:var(--space-2-5);margin-bottom:var(--space-14)}}.hero-category-btn{font-size:var(--text-sm);border:1px solid hsl(var(--border));background:var(--glass-bg);backdrop-filter:blur(var(--navbar-backdrop-blur));-webkit-backdrop-filter:blur(var(--navbar-backdrop-blur));color:hsl(var(--foreground));transition:var(--transition-base);border-radius:var(--radius-md);padding:var(--space-1-5) var(--space-3);height:auto}@media (min-width:640px){.hero-category-btn{font-size:var(--text-base);padding:var(--space-2) var(--space-4)}}.hero-category-btn:hover{background:var(--glass-bg);border-color:var(--glass-border);color:var(--ghost-neon);transform:translateY(-1px)}.hero-category-btn-active{background:var(--ghost-purple);border-color:var(--ghost-purple);color:white}.hero-bg-gradient{inset:0;background:linear-gradient(135deg,var(--ghost-purple)/.05 0,transparent 50%,var(--ghost-neon)/.05 100%)}.hero-bg-glow,.hero-bg-gradient{position:absolute;pointer-events:none}.hero-bg-glow{top:50%;left:50%;transform:translate(-50%,-50%);width:16rem;height:16rem;background:var(--ghost-purple)/.1;border-radius:50%;filter:blur(3rem)}@media (min-width:640px){.hero-bg-glow{width:18rem;height:18rem}}@media (min-width:768px){.hero-bg-glow{width:20rem;height:20rem}}@media (min-width:1024px){.hero-bg-glow{width:24rem;height:24rem}}.note-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--glass-bg) 0,var(--ghost-gray)/.3 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);transition:var(--transition-base);display:flex;flex-direction:column;height:100%;cursor:pointer;group:hover}.note-card:hover{border-color:var(--ghost-purple)/.5;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.note-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);background:var(--ghost-dark)/.9}.note-card-category{padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);background:var(--ghost-purple)/.8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.note-card-category-text{font-size:var(--text-xs);font-weight:var(--font-medium);color:white}@media (min-width:640px){.note-card-category-text{font-size:var(--text-sm)}}.note-card-rating{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.note-card-star-icon{width:.75rem;height:.75rem;color:var(--ghost-neon);fill:currentColor}@media (min-width:640px){.note-card-star-icon{width:1rem;height:1rem}}.note-card-rating-text{font-size:var(--text-xs);font-weight:var(--font-medium);color:white}@media (min-width:640px){.note-card-rating-text{font-size:var(--text-sm)}}.note-card-title-link{display:block;padding:var(--space-3) var(--space-3) 0}.note-card-title{font-size:var(--text-base);font-weight:var(--font-bold);color:hsl(var(--foreground));line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:var(--transition-base)}@media (min-width:640px){.note-card-title{font-size:var(--text-lg)}}.note-card:hover .note-card-title{color:var(--ghost-neon)}.note-card-preview-link{position:relative;overflow:hidden;flex-grow:1;display:block}.note-card-preview{width:100%;min-height:7rem;padding:var(--space-3) var(--space-3) var(--space-1);background:var(--ghost-dark)/.6}.note-card-preview-text{font-size:.8125rem;color:hsl(var(--muted-foreground));word-break:break-words;line-height:1.5}@media (min-width:640px){.note-card-preview-text{font-size:var(--text-sm)}}@media (min-width:768px){.note-card-preview-text{font-size:var(--text-base)}}.note-card-footer{padding:var(--space-3) var(--space-3) var(--space-2);space-y:var(--space-2)}.note-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:var(--ghost-gray)}@media (min-width:640px){.note-card-meta{font-size:var(--text-sm)}}.note-card-author{font-weight:var(--font-medium);color:var(--ghost-purple)}.note-card-reviews{color:var(--ghost-gray)}.note-card-purchase{justify-content:space-between;padding-top:var(--space-1)}.note-card-price,.note-card-purchase{display:flex;align-items:center}.note-card-price-symbol{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--ghost-neon)}@media (min-width:640px){.note-card-price-symbol{font-size:var(--text-base)}}@media (min-width:768px){.note-card-price-symbol{font-size:var(--text-base)}}.note-card-price-amount{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--ghost-neon)}@media (min-width:640px){.note-card-price-amount{font-size:var(--text-lg)}}@media (min-width:768px){.note-card-price-amount{font-size:var(--text-lg)}}.note-card-buy-btn{background:linear-gradient(135deg,var(--ghost-neon),var(--ghost-cyan));color:var(--ghost-black);font-weight:var(--font-medium);border:none;transition:var(--transition-base);font-size:var(--text-xs);height:2rem;padding:0 var(--space-2)}@media (min-width:640px){.note-card-buy-btn{font-size:var(--text-sm);height:2.25rem;padding:0 var(--space-3)}}.note-card-buy-btn:hover{background:linear-gradient(135deg,var(--ghost-cyan),var(--ghost-neon));transform:translateY(-1px)}.note-card-cart-icon{width:.75rem;height:.75rem;margin-right:var(--space-1)}@media (min-width:640px){.note-card-cart-icon{width:1rem;height:1rem}}.note-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,var(--ghost-purple)/.1 0,transparent 50%,var(--ghost-neon)/.1 100%);opacity:0;transition:var(--transition-base)}.note-card:hover .note-card-overlay{opacity:1}.homepage-footer{background:var(--glass-bg);backdrop-filter:blur(var(--navbar-backdrop-blur));-webkit-backdrop-filter:blur(var(--navbar-backdrop-blur));border-top:1px solid var(--glass-border);padding:var(--space-6) 0;margin-top:auto}.homepage-footer-container{max-width:1200px;margin:0 auto;padding:0 var(--space-4);text-align:center}.homepage-footer-copyright{font-size:var(--text-sm);color:hsl(var(--muted-foreground));margin-bottom:var(--space-2)}.homepage-footer-brand{font-weight:var(--font-bold);background:var(--logo-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.homepage-footer-tagline{font-size:var(--text-xs);color:hsl(var(--muted-foreground));opacity:.8}.homepage-notes-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:475px){.homepage-notes-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (min-width:768px){.homepage-notes-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media (min-width:1024px){.homepage-notes-grid{gap:var(--space-8)}}