@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.capitalize{text-transform:capitalize}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--brand-orange:#fe7624;--brand-orange-light:#f59120;--brand-amber:#fbae42;--brand-amber-mid:#fdc57a;--brand-yellow:#fcd554;--brand-navy:#1e293b;--brand-navy-mid:#24338a;--brand-blue:#007bc1;--brand-cyan:#00b3d9;--brand-blue-bright:#0283e5;--text-primary:#1a1a1a;--text-secondary:#4d4e4e;--text-muted:#698695;--border:#c4d5dd;--border-light:#ebebeb;--surface-white:#fff;--surface-100:#fafafa;--surface-card:#f9fafb;--surface-warm:#f0eeed;--surface-blue:#e3f0f7;--surface-tint:#fff7ec;--font-sans:"Plus Jakarta Sans", -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:32px;--radius-pill:80px;--shadow-card:0 8px 17px #1d1d1d0d;--shadow-hover:0 16px 32px #1d1d1d1a;--shadow-lg:0 20px 40px #1e293b1f;--gradient-cta:linear-gradient(135deg, #ffc078 0%, #f80 100%);--gradient-warm:linear-gradient(135deg, #fcd554 0%, #fe7624 60%, #f59120 100%);--gradient-cool:linear-gradient(135deg, #007bc1 0%, #24338a 100%)}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-100);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--brand-navy);font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient-warm);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hoverable:hover{box-shadow:var(--shadow-hover);border-color:var(--brand-orange);transform:translateY(-4px)}.btn-primary{background:var(--gradient-cta);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;padding:.85rem 2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #fe76244d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fe762466}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{border:2px solid var(--border);background:var(--surface-white);color:var(--brand-navy);border-radius:var(--radius-pill);cursor:pointer;padding:.85rem 2rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline:hover:not(:disabled){border-color:var(--brand-orange);color:var(--brand-orange);background:var(--surface-tint)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:var(--radius-pill);color:var(--brand-orange);letter-spacing:.02em;background:#ffd6a233;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.progress-container{background:var(--border-light);border-radius:4px;width:100%;height:8px;margin-bottom:2rem;overflow:hidden}.progress-bar{background:var(--gradient-cta);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.option-btn{text-align:left;border:2px solid var(--border);background:var(--surface-white);cursor:pointer;color:var(--text-primary);border-radius:14px;gap:1rem;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:500;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.option-btn:hover{border-color:var(--brand-amber);background:#fffcf8}.option-btn.selected{border-color:var(--brand-orange);background:var(--surface-tint);color:var(--brand-orange);font-weight:600;transform:scale(1.01);box-shadow:0 4px 12px #fe76241a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:.6s cubic-bezier(.4,0,.2,1) forwards slideUp}.animate-fade-in{animation:.5s forwards fadeIn}.gauge-wrapper{width:160px;height:160px;margin:0 auto;position:relative}.gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:var(--border-light);stroke-width:12px}.gauge-progress{fill:none;stroke:url(#gradient-orange);stroke-width:12px;stroke-linecap:round;transition:stroke-dasharray 1.5s cubic-bezier(.4,0,.2,1)}.gauge-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0f172a99;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-white);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);z-index:51;padding:2.5rem}.mode-selection-container{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.mode-card{border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:1rem;padding:1.25rem;transition:all .2s;display:flex}.mode-card:hover{border-color:var(--brand-amber-mid);background:var(--surface-100)}.mode-card.active{border-color:var(--brand-orange);background:var(--surface-tint)}.mode-icon{background:var(--surface-warm);border-radius:12px;padding:.5rem;font-size:1.5rem}.mode-card.active .mode-icon{background:#ffeeda}.mode-title{color:var(--brand-navy);margin-bottom:.25rem;font-weight:750}.mode-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.modal-actions button{padding:.75rem 1.75rem}.global-header{background:var(--surface-white);border-bottom:1px solid var(--border-light);z-index:40;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.header-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.header-logo{color:var(--brand-navy);cursor:pointer;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.header-auth{align-items:center;gap:1rem;display:flex}.user-profile{border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-light);align-items:center;gap:.75rem;padding:.25rem .5rem;display:flex}.user-avatar{background:var(--gradient-cta);color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 2px 8px #fe762440}.user-email{color:var(--brand-navy);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.9rem;font-weight:600;overflow:hidden}.btn-sm{padding:.5rem 1.25rem;font-size:.875rem}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.topic-card{background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;min-height:180px;box-shadow:var(--shadow-card);flex-direction:column;justify-content:space-between;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.topic-card:before{content:"";background:var(--topic-accent,var(--brand-orange));width:4px;height:100%;transition:all .3s;position:absolute;top:0;left:0}.topic-card:hover{box-shadow:var(--shadow-hover);border-color:var(--topic-accent,var(--brand-orange));transform:translateY(-6px)}.topic-card:hover:before{width:8px}.topic-icon-wrapper{background:var(--topic-bg-light,#ffeeda);width:48px;height:48px;color:var(--topic-accent,var(--brand-orange));border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:all .3s;display:flex}.topic-card:hover .topic-icon-wrapper{transform:scale(1.1)rotate(5deg)}.topic-name{color:var(--brand-navy);margin-bottom:.5rem;font-size:1.15rem;font-weight:750;line-height:1.3}.topic-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.input-field{border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface-100);width:100%;font-weight:500;font-family:var(--font-sans);padding:.85rem 1.25rem;transition:all .25s}.input-field:focus{border-color:var(--brand-orange);background:var(--surface-white);outline:none;box-shadow:0 0 0 4px #fe762426}.toast-container{z-index:100;flex-direction:column;gap:.75rem;width:90%;max-width:420px;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);background:#fffffff2;border:1px solid #fe76244d;gap:.75rem;padding:1.25rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.toast-notification.success{border-color:#22c55e4d}.toast-notification:after{content:"";background:var(--brand-orange);width:100%;height:3px;animation:6s linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast-notification.success:after{background:#22c55e}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.lock-banner{color:#fff;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:3rem 2rem;position:relative;overflow:hidden}.lock-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#fe762426 0%,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-20%}.filter-container{background:var(--surface-white);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}@media (min-width:768px){.filter-container{flex-direction:row;justify-content:space-between;align-items:center}}.search-wrapper{width:100%;position:relative}@media (min-width:768px){.search-wrapper{max-width:280px}}.search-input{border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface-100);width:100%;font-size:.9rem;font-weight:500;font-family:var(--font-sans);padding:.65rem 1rem .65rem 2.5rem;transition:all .25s}.search-input:focus{border-color:var(--brand-orange);background:var(--surface-white);outline:none;box-shadow:0 0 0 3px #fe762426}.categories-wrapper{-webkit-overflow-scrolling:touch;align-items:center;gap:.5rem;width:100%;padding-bottom:.25rem;display:flex;overflow-x:auto}.categories-wrapper::-webkit-scrollbar{height:4px}.categories-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.category-pill{white-space:nowrap;border-radius:var(--radius-pill);border:1.5px solid var(--border-light);background:var(--surface-white);color:var(--text-secondary);cursor:pointer;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.category-pill:hover{border-color:var(--brand-orange);color:var(--brand-orange);background:var(--surface-tint)}.category-pill.active{background:var(--gradient-cta);color:#fff;border-color:#0000;box-shadow:0 4px 10px #fe762433}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}