@layer overrides{*{box-sizing:border-box}.aurora-bg{background:linear-gradient(125deg,#f0f4ff 0%,#dbeafe 25%,#e8f0fe 50%,#ede9fe 75%,#f0f4ff 100%) 0 0/400% 400%;animation:12s ease-in-out infinite aurora}html.dark .aurora-bg{background:linear-gradient(125deg,#0a0a0f 0%,#0d1b3e 25%,#0a1628 50%,#0e0a2e 75%,#0a0a0f 100%) 0 0/400% 400%}.grad-text{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-text-alt{background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.moving-border-wrap{background:linear-gradient(90deg,#3b82f6,#06b6d4,#8b5cf6,#3b82f6) 0 0/300% 100%;border-radius:12px;padding:2px;animation:3s linear infinite movingBorder;position:relative}.moving-border-orange{background:linear-gradient(90deg,#f97316,#fb923c,#fdba74,#f97316) 0 0/300% 100%;animation:3s linear infinite movingBorder}@keyframes movingBorder{0%{background-position:0%}to{background-position:300%}}.moving-border-inner{background:#fff;border-radius:10px;position:relative;overflow:hidden}html.dark .moving-border-inner{background:#f97316e0}.moving-border-inner,.moving-border-inner a,.moving-border-inner span{color:#1a1a2e}html.dark .moving-border-inner:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 25%,#f973162e 48%,#ffffff14 54%,#0000 72%);transition:none;position:absolute;inset:0;transform:translate(-130%)}html.dark .moving-border-inner:hover:after{transition:transform .55s;transform:translate(130%)}html.dark .moving-border-inner,html.dark .moving-border-inner a,html.dark .moving-border-inner span{color:#0f0f0f}.card-3d{transform-style:preserve-3d;transition:transform .15s,box-shadow .15s}.card-3d:hover{box-shadow:0 6px 18px #00000012}.spotlight-card{position:relative;overflow:hidden}.spotlight-card:before{content:"";opacity:0;background:radial-gradient(600px circle at var(--x,50%) var(--y,50%), #0000000a, transparent 60%);transition:opacity .3s;position:absolute;inset:0}html.dark .spotlight-card:before{background:radial-gradient(600px circle at var(--x,50%) var(--y,50%), #ffffff0a, transparent 60%)}.spotlight-card:hover:before{opacity:1}.flip-word{animation:.6s forwards flipIn;display:inline-block}@keyframes flipIn{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.encrypted{font-family:monospace}.beam-line{background:linear-gradient(90deg,#0000,#e5e7eb,#d1d5db,#e5e7eb,#0000);height:1px;animation:3s ease-in-out infinite beam}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{opacity:.7;background:linear-gradient(#fdba74,#f97316);border-radius:3px}html.dark ::-webkit-scrollbar-track{background:#0a0a0f}html.dark ::-webkit-scrollbar-thumb{background:linear-gradient(#f973168c,#f9731640)}.bento-grid{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.bento-tall{grid-row:span 2}.bento-wide{grid-column:span 2}@media (max-width:768px){.bento-grid{grid-template-columns:1fr}.bento-tall,.bento-wide{grid-area:auto/1}}.sticky-panel{height:fit-content;position:sticky;top:120px}.pulse-dot:after{content:"";background:inherit;border-radius:50%;animation:1.5s ease-out infinite ping;position:absolute;inset:0}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.nav-blur{-webkit-backdrop-filter:blur(20px)}@property --how-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes how-border-spin{to{--how-angle:360deg}}.how-card{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #e5e7eb;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .35s;position:relative}html.dark .how-card{background:#ffffff0a;border-color:#ffffff14}.how-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--how-angle), transparent 0%, transparent 30%, #f9731612 44%, #f9731652 57%, #fdba74ad 65%, #f9731652 73%, #f9731612 85%, transparent 92%, transparent 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:2px;transition:opacity .35s;animation:5s linear infinite how-border-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.how-card:hover:before{opacity:1}.how-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #f9731626}.canvas-text-wrap{max-width:100%;display:inline-block;position:relative}.canvas-text-hidden{visibility:hidden;max-width:100%;display:inline-block}.canvas-text-canvas{pointer-events:none;position:absolute;top:0;left:0}.theme-switcher{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:1px;padding:3px;display:flex}.theme-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .18s,color .18s;display:flex}.theme-btn:hover{color:#374151;background:#e5e7eb}.theme-btn.active{color:#111827;background:#fff;box-shadow:0 1px 3px #0000001f}html.dark .theme-switcher{background:#1c2232;border-color:#2d3c54}html.dark .theme-btn{color:#7a8a9e}html.dark .theme-btn:hover{color:#cbd5e1;background:#2d3c54}html.dark .theme-btn.active{color:#f1f5f9;background:#2d3c54;box-shadow:0 1px 3px #00000080}html.dark nav{background-color:#0a0a0a!important;border-color:#262626!important}#mobile-menu{opacity:0;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s;overflow:hidden}#mobile-menu.open{opacity:1;max-height:480px}html.dark #mobile-menu{background:#0d0d0d;border-color:#262626}.theme-drop-btn{color:#6b7280;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex}.theme-drop-btn:hover{color:#374151;background:#f3f4f6;border-color:#d1d5db;box-shadow:0 1px 4px #0000000f}html.dark .theme-drop-btn{color:#a3a3a3;background:#262626;border-color:#404040}html.dark .theme-drop-btn:hover{color:#e5e5e5;background:#333}.theme-drop-menu{z-index:200;opacity:0;pointer-events:none;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:row;gap:2px;width:fit-content;padding:4px;transition:opacity .15s,transform .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)scale(.975);box-shadow:0 12px 32px #0000001a,0 2px 8px #0000000a}.theme-drop-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}html.dark .theme-drop-menu{background:#1a1a1a;border-color:#333;box-shadow:0 8px 24px #0006}.theme-drop-item{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:13px;font-weight:500;transition:background .13s,color .13s;display:flex}.theme-drop-item:hover,.theme-drop-item.active{color:#111827;background:#f3f4f6}html.dark .theme-drop-item{color:#a3a3a3}html.dark .theme-drop-item:hover{color:#fff;background:#2a2a2a}html.dark .theme-drop-item.active{color:#fff;background:#333}}
