.custom-navbar{position:fixed;top:0;left:0;width:100%;z-index:50;background-color:var(--bg-primary);border-bottom:3px solid var(--border-color);transition:background-color .3s ease;padding:0}.custom-navbar-inner{width:100%;max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;height:80px}.nav-brand{display:flex;align-items:center;gap:.75rem;cursor:pointer;background:none;border:none;text-decoration:none}.brand-logo{width:48px;height:48px;border:3px solid var(--border-color);border-radius:0;object-fit:cover;background-color:var(--bg-surface)}.brand-text{font-size:1.5rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:-1px}.custom-navbar.scrolled .brand-text{opacity:1;width:auto}.nav-links-container{display:flex;align-items:center;gap:2rem;margin:0 auto}.nav-link{font-weight:700;font-size:1rem;color:var(--text-primary);background:transparent;border:none;cursor:pointer;position:relative;border:2px solid transparent;padding:.25rem .5rem;transition:all .2s}.nav-link:hover{background-color:var(--accent-primary);border:2px solid var(--border-color);box-shadow:2px 2px 0 var(--border-color);transform:translate(-1px,-1px);color:#000}.nav-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{width:44px;height:44px;border:3px solid var(--border-color);background:var(--bg-surface);box-shadow:4px 4px 0 var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0;transition:all .2s ease}.theme-toggle:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color);background-color:var(--accent-tertiary)}.theme-toggle:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--border-color)}.cta-button{background-color:var(--accent-primary);color:#000;border:3px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);font-weight:800;font-size:1rem;padding:.5rem 1.5rem;cursor:pointer;transition:all .2s ease;border-radius:0;display:flex;align-items:center;justify-content:center;height:44px}.cta-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color);background-color:#ffed4a}.cta-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--border-color)}.hamburger-btn{display:none;width:44px;height:44px;border:3px solid var(--border-color);background:var(--bg-surface);box-shadow:4px 4px 0 var(--border-color);flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;z-index:60;pointer-events:auto;border-radius:0;transition:all .2s ease}.hamburger-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border-color)}.hamburger-line{width:24px;height:3px;background-color:var(--text-primary);transition:all .3s ease}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:85%;max-width:350px;background-color:var(--accent-primary);border-right:4px solid var(--border-color);z-index:100;padding:2rem;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(0,0,.2,1);box-shadow:100px 0 #00000080;visibility:hidden}.mobile-drawer.open{transform:translate(0);visibility:visible}.dark .mobile-drawer{background-color:#22d3ee}.drawer-backdrop{position:fixed;inset:0;background:#000000b3;background-image:radial-gradient(var(--bg-surface) 1px,transparent 1px);background-size:20px 20px;z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}@media(max-width:900px){.nav-links-container,.cta-button{display:none}.hamburger-btn{display:flex}.brand-text{display:none}}:root{--hero-bg: #FFFEF0;--hero-text: #000000;--hero-highlight: #FFD700;--hero-grid-color: rgba(0, 0, 0, .08);--hero-border: #000000;--hero-shadow: #000000;--hero-btn-primary-bg: #FFD700;--hero-btn-primary-text: #000000;--hero-btn-secondary-bg: #FFFFFF;--hero-btn-secondary-text: #000000;--hero-sticker-code: #A3E635;--hero-sticker-design: #F472B6;--hero-sticker-data: #22D3EE;--hero-badge-bg: #FFFEF0;--hero-badge-text: #000000;--hero-scroll-text: #000000}.dark{--hero-bg: #121212;--hero-text: #FFFFFF;--hero-highlight: #22D3EE;--hero-grid-color: rgba(255, 255, 255, .15);--hero-border: #FFFFFF;--hero-shadow: #FFFFFF;--hero-btn-primary-bg: #22D3EE;--hero-btn-primary-text: #000000;--hero-btn-secondary-bg: #1a1a1a;--hero-btn-secondary-text: #FFFFFF;--hero-badge-bg: #FFFEF0;--hero-badge-text: #000000;--hero-scroll-text: #FFFFFF}.hero-section{position:relative;min-height:100vh;width:100%;background-color:var(--hero-bg);color:var(--hero-text);transition:background-color .3s,color .3s;background-image:linear-gradient(var(--hero-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid-color) 1px,transparent 1px);background-size:50px 50px;overflow:hidden;padding:8rem 1.5rem 4rem}.hero-grid{width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:10}.hero-badge{background-color:var(--hero-badge-bg);border:3px solid #000;box-shadow:4px 4px 0 0 var(--hero-shadow);color:var(--hero-badge-text);transform:rotate(-2deg);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;width:fit-content;transform-origin:left;border-color:#000}.hero-title{font-family:var(--font-sans, sans-serif);font-weight:900;line-height:.9;text-transform:uppercase;color:var(--hero-text);margin-bottom:1rem;transition:color .3s}.hero-highlight{position:relative;display:inline-block;z-index:1}.hero-highlight:before{content:"";position:absolute;inset:5% -.1em;background-color:var(--hero-highlight);z-index:-1;transform:skew(-12deg) rotate(-2deg);border-radius:4px 20px 8px 12px;transition:background-color .3s}.hero-subtitle-container{width:100%;padding-top:.5rem}.hero-subtitle{font-size:1.25rem;font-weight:700;color:var(--hero-text);text-transform:uppercase;letter-spacing:.05em;transition:color .3s}.hero-underline{height:6px;background-color:var(--hero-highlight);width:100%;max-width:42rem;margin-top:.5rem;border:2px solid var(--hero-text);transition:background-color .3s,border-color .3s}.hero-description{opacity:1;color:var(--hero-text)}@media(min-width:1024px){.hero-description{opacity:0}}.hero-btn-container{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:2rem;width:100%}.hero-btn-primary,.hero-btn-secondary{border:3px solid var(--hero-border);box-shadow:4px 4px 0 0 var(--hero-shadow);padding:1rem 2rem;font-weight:800;font-size:1.125rem;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;min-width:180px;cursor:pointer}.hero-btn-primary{background-color:var(--hero-btn-primary-bg);color:var(--hero-btn-primary-text)}.hero-btn-secondary{background-color:var(--hero-btn-secondary-bg);color:var(--hero-btn-secondary-text)}.hero-btn-primary:hover,.hero-btn-secondary:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 0 var(--hero-shadow)}.hero-social-container{display:flex;gap:1rem;padding-top:2rem}.hero-social-box{width:3.5rem;height:3.5rem;background-color:var(--hero-btn-secondary-bg);border:3px solid var(--hero-border);box-shadow:4px 4px 0 0 var(--hero-shadow);display:flex;align-items:center;justify-content:center;color:var(--hero-text);font-weight:800;transition:all .2s;text-decoration:none}.hero-social-box:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--hero-shadow)}.hero-image-container{position:relative;width:100%;aspect-ratio:1/1;margin:0 auto}.hero-image-frame{position:absolute;inset:0;background-color:#fff;border:4px solid var(--hero-border);box-shadow:8px 8px 0 0 var(--hero-shadow);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .3s,box-shadow .3s}.hero-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.hero-image:hover{transform:scale(1.05)}.hero-sticker{position:absolute;z-index:30;display:flex;align-items:center;justify-content:center;border:3px solid var(--hero-border);box-shadow:4px 4px 0 0 var(--hero-shadow);background-color:#fff;transition:border-color .3s,box-shadow .3s}.sticker-code{top:-20px;left:-20px;width:60px;height:60px;background-color:var(--hero-sticker-code);animation:float-code 6s ease-in-out infinite}.sticker-design{bottom:30px;right:-30px;width:70px;height:70px;border-radius:50%;background-color:var(--hero-sticker-design);animation:float-design 5s ease-in-out infinite;animation-delay:1s}.sticker-data{top:40%;right:-40px;width:55px;height:55px;background-color:var(--hero-sticker-data);animation:float-data 7s ease-in-out infinite;animation-delay:.5s}@keyframes float-code{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes float-design{0%,to{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-12px) rotate(10deg)}}@keyframes float-data{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.hero-nav-dots{display:none}@media(max-width:1023px){.hero-grid{display:flex;flex-direction:column;gap:1.5rem}.hero-col-badge{order:1;width:100%;display:flex;justify-content:flex-start}.hero-col-image{order:2;width:100%;display:flex;justify-content:center;margin-bottom:.5rem}.hero-col-text{order:3;width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.hero-image-container{max-width:280px;overflow:visible}.sticker-code{left:5px;top:-5px;width:45px;height:45px}.sticker-design{right:5px;bottom:10px;width:50px;height:50px}.sticker-data{right:5px;width:40px;height:40px}.hero-title{font-size:3rem}.hero-btn-container{padding-top:1rem;gap:.75rem}.hero-social-container{padding-top:1rem}}@media(min-width:1024px){.hero-section{display:flex;align-items:center;justify-content:center;padding-left:4rem;padding-right:4rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;gap:1rem 4rem;height:100%;align-items:center}.hero-col-badge{grid-column:1;grid-row:1;display:flex;align-items:flex-start}.hero-col-text{grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-top:0}.hero-col-image{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end;display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%}.hero-image-container{margin:0;max-width:500px}.hero-title{font-size:6rem;line-height:.85}.hero-subtitle{font-size:1.75rem}.hero-nav-dots{display:block;padding-top:4rem;font-size:.875rem;font-weight:800;color:var(--hero-scroll-text);letter-spacing:.1em;cursor:pointer;animation:jump 1.5s infinite ease-in-out;transition:color .3s}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}.about-section{--about-bg: #FFFEF0;--about-text: #000000;--about-card-bg: #FFFFFF;--about-border: #000000;--about-shadow: #000000;--highlight-yellow: #FFD700;--highlight-pink: #FF6B6B;--highlight-cyan: #22D3EE;--highlight-green: #A3E635;--highlight-purple: #c084fc}.dark .about-section{--about-bg: #121212;--about-text: #FFFFFF;--about-card-bg: #1a1a1a;--about-border: #FFFFFF;--about-shadow: #FFFFFF;--highlight-yellow: #FFD700;--highlight-pink: #FF6B6B;--highlight-cyan: #22D3EE;--highlight-green: #A3E635;--highlight-purple: #c084fc}.about-section{position:relative;padding:6rem 1.5rem;background-color:var(--about-bg);color:var(--about-text);overflow-x:hidden;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:50px 50px}.dark .about-section{background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px)}.about-container{max-width:72rem;margin:0 auto;position:relative}.about-title-badge{background-color:var(--highlight-yellow);border:4px solid var(--about-border);box-shadow:6px 6px 0 0 var(--about-shadow);padding:.5rem 1.5rem;display:inline-block;font-weight:900;font-size:2rem;text-transform:uppercase;color:#000;transform:rotate(-2deg);margin-bottom:2rem;position:relative;z-index:20}.about-card{background-color:var(--about-card-bg);border:4px solid var(--about-border);box-shadow:12px 12px 0 0 var(--about-shadow);padding:2rem;position:relative;z-index:10}@media(min-width:768px){.about-card{padding:4rem}}.about-text{font-size:1.25rem;line-height:1.8;font-weight:500;font-family:var(--font-sans, sans-serif)}@media(min-width:768px){.about-text{font-size:1.5rem}}.highlight{position:relative;display:inline;padding:.1em .2em;z-index:1;isolation:isolate;box-decoration-break:clone;-webkit-box-decoration-break:clone}.highlight:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(-10deg) rotate(-1deg);border-radius:4px;opacity:.8}.highlight-yellow:before{background-color:var(--highlight-yellow)}.highlight-pink:before{background-color:var(--highlight-pink)}.highlight-cyan:before{background-color:var(--highlight-cyan)}.highlight-green:before{background-color:var(--highlight-green)}.highlight-purple:before{background-color:var(--highlight-purple)}.highlight{color:#000}.about-socials{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3rem;justify-content:center}.about-social-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--about-card-bg);border:3px solid var(--about-border);box-shadow:4px 4px 0 0 var(--about-shadow);color:var(--about-text);font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.about-social-btn:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 0 var(--about-shadow)}.about-social-btn.github:hover{background-color:#24292e;color:#fff}.about-social-btn.instagram:hover{background-color:#e4405f;color:#fff}.about-social-btn.spotify:hover{background-color:#1db954;color:#fff}.dark .about-social-btn.github:hover{border-color:#fff}.portfolio-section{--port-bg: #FFFEF0;--port-text: #000000;--port-card-bg: #FFFFFF;--port-border: #000000;--port-shadow: #000000;--highlight-yellow: #FFD700;--highlight-cyan: #22D3EE;--highlight-pink: #FF6B6B;--highlight-green: #A3E635;--tab-inactive: #e5e7eb}.dark .portfolio-section{--port-bg: #121212;--port-text: #FFFFFF;--port-card-bg: #1a1a1a;--port-border: #FFFFFF;--port-shadow: #FFFFFF;--tab-inactive: #333333;--highlight-yellow: #FFD700}.portfolio-section{position:relative;padding:6rem 1.5rem;background-color:var(--port-bg);color:var(--port-text);overflow-x:hidden;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:50px 50px}.dark .portfolio-section{background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px)}.portfolio-container{max-width:72rem;margin:0 auto}.portfolio-title-badge{background-color:var(--highlight-green);border:4px solid var(--port-border);box-shadow:6px 6px 0 0 var(--port-shadow);padding:.5rem 1.5rem;display:inline-block;font-weight:900;font-size:2rem;text-transform:uppercase;color:#000;transform:rotate(2deg);margin-bottom:2rem;position:relative;z-index:20}.portfolio-tabs{display:flex;gap:.5rem;margin-bottom:-3px;position:relative;z-index:10;padding-left:1rem;overflow-x:auto;scrollbar-width:none;align-items:flex-end;height:100px}.portfolio-tab{padding:1rem 2rem;background-color:var(--tab-inactive);border:3px solid var(--port-border);border-bottom:3px solid var(--port-border);border-radius:12px 12px 0 0;font-weight:800;text-transform:uppercase;color:var(--port-text);cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative;bottom:-3px;white-space:nowrap}.portfolio-tab:hover{background-color:var(--hover-color, var(--highlight-cyan));transform:translateY(-5px)}.portfolio-tab.active{background-color:var(--port-card-bg);border-bottom:3px solid var(--port-card-bg);z-index:20;padding-bottom:1.25rem;transform:translateY(-5px);box-shadow:0 -4px #0000001a inset}.portfolio-content{background-color:var(--port-card-bg);border:3px solid var(--port-border);box-shadow:8px 8px 0 0 var(--port-shadow);padding:2rem;position:relative;z-index:5;min-height:400px;border-radius:0 12px 12px}.browser-card{background-color:var(--port-card-bg);border:3px solid var(--port-border);border-radius:8px;overflow:hidden;box-shadow:4px 4px 0 0 var(--port-shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.browser-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 0 var(--port-shadow)}.browser-header{background-color:var(--port-text);background-color:var(--port-border);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem}.browser-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(0,0,0,.2)}.browser-title-bar{background-color:var(--port-card-bg);border:2px solid transparent;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem;color:var(--port-text);flex-grow:1;margin-left:1rem;text-align:center;opacity:.9}.browser-body{padding:0;display:flex;flex-direction:column;height:100%}.browser-image-container{width:100%;aspect-ratio:16/9;border-bottom:3px solid var(--port-border);overflow:hidden;position:relative}.browser-image{width:100%;height:100%;object-fit:cover;transition:transform .5s}.browser-card:hover .browser-image{transform:scale(1.05)}.browser-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-title{font-weight:800;font-size:1.5rem;margin-bottom:.5rem;text-transform:uppercase}.project-desc{font-size:.9rem;margin-bottom:1.5rem;opacity:.8;line-height:1.5;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tag{background-color:var(--highlight-cyan);color:#000;font-weight:700;font-size:.75rem;padding:.25rem .75rem;border:2px solid var(--port-border);box-shadow:2px 2px 0 0 var(--port-shadow);transform:rotate(-1deg)}.project-tag:nth-child(2n){background-color:var(--highlight-yellow);transform:rotate(1deg)}.project-actions{display:flex;gap:1rem}.project-btn{flex:1;padding:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:800;font-size:.9rem;text-transform:uppercase;text-decoration:none;border:3px solid var(--port-border);transition:all .2s}.btn-primary{background-color:var(--highlight-green);color:#000;box-shadow:3px 3px 0 0 var(--port-shadow)}.btn-primary:hover{background-color:#8be029;transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--port-shadow)}.btn-outline{background-color:transparent;color:var(--port-text);box-shadow:3px 3px 0 0 var(--port-shadow)}.btn-outline:hover{background-color:var(--port-text);color:var(--port-bg)}.portfolio-btn-view-all{background-color:var(--highlight-yellow);color:#000;border:3px solid var(--port-border);box-shadow:4px 4px 0 0 var(--port-shadow);padding:1rem 2rem;font-weight:800;font-size:1.125rem;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;cursor:pointer;text-decoration:none}.portfolio-btn-view-all:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 0 var(--port-shadow)}.portfolio-btn-container{margin-top:6rem;text-align:left}.qual-column{display:flex;flex-direction:column}.qual-header{border:3px solid var(--port-border);padding:1rem;margin-bottom:1rem;border-radius:8px;box-shadow:4px 4px 0 0 var(--port-shadow)}.qual-header.yellow{background-color:var(--highlight-yellow)}.qual-header.cyan{background-color:var(--highlight-cyan)}.qual-header.pink{background-color:var(--highlight-pink)}.qual-header.green{background-color:var(--highlight-green)}.qual-card{border:3px solid var(--port-border);background-color:var(--port-card-bg);padding:2rem;min-height:300px;border-radius:8px;box-shadow:8px 8px 0 0 var(--port-shadow)}.qual-pill{display:inline-block;border:2px solid var(--port-border);padding:.25rem 1rem;font-size:.875rem;font-weight:700;margin-bottom:1rem;border-radius:6px;box-shadow:2px 2px 0 0 var(--port-shadow);color:#000}.qual-pill.yellow{background-color:var(--highlight-yellow)}.qual-pill.cyan{background-color:var(--highlight-cyan)}.qual-pill.pink{background-color:var(--highlight-pink)}.qual-pill.green{background-color:var(--highlight-green)}.qual-border-left{border-left:3px solid var(--port-border);padding-left:1rem}.qual-border-left.cyan{border-color:var(--highlight-cyan)}.qual-border-left.pink{border-color:var(--highlight-pink)}.qual-border-left.yellow{border-color:var(--highlight-yellow)}@media(max-width:767px){.portfolio-tabs{flex-direction:column;height:auto;align-items:stretch;padding-left:0;gap:.75rem;margin-bottom:1.5rem;overflow:visible}.portfolio-tab{border-radius:8px;border-bottom:3px solid var(--port-border);text-align:center;padding:1rem;width:100%;bottom:0}.portfolio-tab.active{transform:translate(-2px,-2px);box-shadow:4px 4px 0 0 var(--port-shadow);border-bottom:3px solid var(--port-border);padding-bottom:1rem;z-index:1}.portfolio-content{border-radius:12px;padding:1.5rem}}.skills-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media(min-width:768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-card{background-color:#fff;border:3px solid #000;box-shadow:8px 8px #000;display:flex;flex-direction:column;overflow:hidden;height:100%}.dark .skill-card{background-color:#1a1a1a;border-color:#fff;box-shadow:8px 8px #fff}.skill-header{padding:1rem;border-bottom:3px solid #000;font-weight:900;text-transform:uppercase;font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.dark .skill-header{border-bottom-color:#fff;color:#000}.skill-card.frontend .skill-header{background-color:var(--highlight-cyan)}.skill-card.backend .skill-header{background-color:var(--highlight-pink)}.skill-card.languages .skill-header{background-color:var(--highlight-yellow)}.skill-card.tools .skill-header{background-color:var(--highlight-green)}.skill-body{padding:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;background-color:#fff}.dark .skill-body{background-color:#1a1a1a}.skill-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;font-size:.9rem;border:2px solid #000;background-color:#fff;box-shadow:3px 3px #000;transition:transform .1s,box-shadow .1s;cursor:default}.dark .skill-tag{background-color:#2a2a2a;border-color:#fff;box-shadow:3px 3px #fff;color:#fff}.skill-tag:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000}.dark .skill-tag:hover{box-shadow:5px 5px #fff}.skill-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.dark .skill-icon{filter:invert(1)}.skill-icon.force-mono{filter:grayscale(100%) brightness(0)}.dark .skill-icon.force-mono{filter:grayscale(100%) brightness(0) invert(1)}.contact-section{background-color:var(--port-bg, #f0f0f0);padding:4rem 1.5rem;position:relative;border-top:3px solid #000;overflow-x:hidden}.dark .contact-section{background-color:#0d0d0d;border-color:#fff}.contact-container{max-width:1000px;margin:0 auto}.contact-title-badge{display:inline-block;background-color:var(--highlight-lime, #ccff00);border:3px solid #000;padding:.5rem 1.5rem;font-weight:900;font-size:1.25rem;box-shadow:4px 4px #000;transform:rotate(-2deg);margin-bottom:2rem}.dark .contact-title-badge{border-color:#fff;box-shadow:4px 4px #fff;color:#000}.contact-heading{font-size:3rem;font-weight:900;line-height:1;margin-bottom:3rem;text-transform:uppercase;color:#000}.dark .contact-heading{color:#fff}.contact-form-card{background-color:#fff;border:3px solid #000;padding:2rem;box-shadow:8px 8px #000;margin-bottom:2rem}.dark .contact-form-card{background-color:#1a1a1a;border-color:#fff;box-shadow:8px 8px #fff}.contact-label{display:block;font-weight:800;margin-bottom:.5rem;text-transform:uppercase;font-size:.9rem;color:#000}.dark .contact-label{color:#fff}.contact-input,.contact-textarea{width:100%;background-color:#f8f9fa;border:3px solid #000;padding:1rem;font-family:inherit;font-weight:600;margin-bottom:1.5rem;box-shadow:4px 4px #000;transition:transform .1s,box-shadow .1s}.dark .contact-input,.dark .contact-textarea{background-color:#2a2a2a;border-color:#fff;box-shadow:4px 4px #fff;color:#fff}.contact-input:focus,.contact-textarea:focus{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--highlight-cyan, #00f0ff)}.contact-btn{width:100%;background-color:var(--highlight-yellow, #f0ff00);border:3px solid #000;padding:1rem;font-weight:900;text-transform:uppercase;font-size:1.1rem;box-shadow:4px 4px #000;cursor:pointer;transition:transform .1s,box-shadow .1s;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#000}.contact-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #000;background-color:var(--highlight-cyan, #00f0ff)}.contact-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc}.contact-info-card{background-color:#fff;border:3px solid #000;padding:1.5rem;box-shadow:6px 6px #000;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.dark .contact-info-card{background-color:#1a1a1a;border-color:#fff;box-shadow:6px 6px #fff;color:#fff}.contact-info-icon{color:#000}.dark .contact-info-icon{color:#fff}.contact-social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.social-btn{background-color:#fff;border:3px solid #000;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:4px 4px #000;transition:transform .1s,box-shadow .1s;text-decoration:none;color:#000;font-weight:800}.dark .social-btn{background-color:#1a1a1a;border-color:#fff;box-shadow:4px 4px #fff;color:#fff}.social-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;background-color:var(--hover-bg, #ff00f0)}.dark .social-btn:hover{box-shadow:6px 6px #fff;background-color:var(--hover-bg, #ff00f0);color:#000}.neo-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#0009;backdrop-filter:blur(4px);padding:1rem}.neo-modal-card{background-color:#fff;border:4px solid #000;padding:2.5rem;width:100%;max-width:400px;text-align:center;box-shadow:10px 10px #000;animation:popIn .3s cubic-bezier(.25,.46,.45,.94)}.dark .neo-modal-card{background-color:#1a1a1a;border-color:#fff;box-shadow:10px 10px #fff}.neo-modal-title{font-size:2.5rem;font-weight:900;text-transform:uppercase;margin-bottom:.5rem;color:#000;line-height:1}.dark .neo-modal-title{color:#fff}.neo-modal-subtitle{font-size:1.1rem;font-weight:700;color:#000;border-bottom:4px solid #000;padding-bottom:1.5rem;margin-bottom:2rem;display:inline-block}.dark .neo-modal-subtitle{color:#fff;border-color:#fff}.neo-modal-btn{width:100%;background-color:var(--highlight-lime, #A3E635);border:4px solid #000;padding:1rem;font-size:1.25rem;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:6px 6px #000;transition:all .1s;color:#000}.neo-modal-btn:hover{transform:translate(2px,2px);box-shadow:4px 4px #000;background-color:#bef264}.neo-modal-btn:active{transform:translate(6px,6px);box-shadow:none}.dark .neo-modal-btn{border-color:#000}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.footer-section{background-color:#fff;color:#000;border-top:4px solid #000;position:relative;padding-top:4rem;padding-bottom:2rem}.dark .footer-section{background-color:#0f0f1a;color:#fff;border-color:#fff}.footer-brand-container{display:flex;flex-direction:column;gap:1rem}.footer-logo-img{width:60px;height:60px;object-fit:contain;border:3px solid #000;box-shadow:4px 4px #000;padding:4px;background-color:var(--highlight-yellow, #FFD700)}.dark .footer-logo-img{border-color:#fff;box-shadow:4px 4px #fff}.footer-heading{font-weight:900;text-transform:uppercase;font-size:1.25rem;margin-bottom:1.5rem;border-bottom:3px solid #000;display:inline-block;padding-bottom:.5rem}.dark .footer-heading{border-color:#fff}.footer-link{display:block;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;text-decoration:none;color:#000;transition:transform .1s}.dark .footer-link{color:#fff}.footer-link:hover{transform:translate(5px);color:var(--hover-color, #22D3EE);text-decoration:underline;text-decoration-thickness:3px}.footer-cta-btn{background-color:var(--highlight-cyan, #22D3EE);border:3px solid #000;color:#000;font-weight:900;text-transform:uppercase;padding:.75rem 1.5rem;box-shadow:4px 4px #000;transition:all .1s}.footer-cta-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;background-color:var(--highlight-pink, #FF6B6B)}.footer-bottom{margin-top:4rem;padding-top:1.5rem;border-top:3px solid #000;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-weight:700;font-size:.9rem}.dark .footer-bottom{border-color:#fff}.footer-heart{color:var(--highlight-pink, #FF6B6B);animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.archive-spacer{--port-bg: #FFFEF0;--port-text: #000000;--port-card-bg: #FFFFFF;--port-border: #000000;--port-shadow: #000000;--highlight-yellow: #FFD700;--highlight-cyan: #22D3EE;--highlight-pink: #FF6B6B;--highlight-green: #A3E635;padding-top:8rem;padding-bottom:4rem;min-height:100vh;color:var(--port-text);background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:50px 50px;background-color:var(--port-bg)}.dark .archive-spacer{--port-bg: #121212;--port-text: #FFFFFF;--port-card-bg: #1a1a1a;--port-border: #FFFFFF;--port-shadow: #FFFFFF;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px)}.archive-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.archive-header{margin-bottom:4rem;position:relative;border-bottom:4px solid var(--port-border);padding-bottom:2rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.125rem;color:var(--port-text);text-decoration:none;text-transform:uppercase;margin-bottom:1.5rem;transition:all .2s;background-color:var(--port-card-bg);border:3px solid var(--port-border);padding:.5rem 1rem;box-shadow:4px 4px 0 0 var(--port-shadow)}.btn-back:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--port-shadow);background-color:var(--highlight-yellow);color:#000}.archive-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;line-height:.9;text-transform:uppercase;margin:0;letter-spacing:-.02em;color:var(--port-text)}.archive-controls{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}@media(min-width:768px){.archive-controls{flex-direction:row;align-items:center;justify-content:space-between}}.search-wrapper{position:relative;width:100%;max-width:400px}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;font-family:inherit;font-weight:700;font-size:1.125rem;border:3px solid var(--port-border);background-color:var(--port-card-bg);color:var(--port-text);box-shadow:4px 4px 0 0 var(--port-shadow);outline:none;transition:box-shadow .2s}.search-input:focus{box-shadow:6px 6px 0 0 var(--highlight-cyan)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5;color:var(--port-text)}.filter-group{display:flex;flex-wrap:wrap;gap:1rem}.filter-btn{padding:.75rem 1.5rem;font-weight:800;text-transform:uppercase;border:3px solid var(--port-border);background-color:var(--port-card-bg);color:var(--port-text);cursor:pointer;transition:all .2s;box-shadow:2px 2px 0 0 var(--port-shadow);--active-color: var(--highlight-green)}.filter-btn:hover{transform:translateY(-2px);box-shadow:5px 5px 0 0 var(--active-color);border-color:#000;border-color:var(--port-border)}.filter-btn.active{background-color:var(--port-card-bg);color:var(--port-text);box-shadow:8px 8px 0 0 var(--active-color);transform:translate(-4px,-4px);border-color:var(--port-border);position:relative;z-index:5}.archive-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.archive-grid{grid-template-columns:repeat(3,1fr)}}.archive-empty{text-align:center;padding:4rem;font-size:1.5rem;font-weight:700;border:3px dashed var(--port-border);background-color:var(--port-card-bg);color:var(--port-text);opacity:.7}.notfound-section{--nf-bg: #FFFEF0;--nf-text: #000000;--nf-card-bg: #FFFFFF;--nf-border: #000000;--nf-shadow: #000000;--highlight-yellow: #FFD700;--highlight-cyan: #22D3EE;--highlight-pink: #FF6B6B;--highlight-green: #A3E635}.dark .notfound-section{--nf-bg: #121212;--nf-text: #FFFFFF;--nf-card-bg: #1a1a1a;--nf-border: #FFFFFF;--nf-shadow: #FFFFFF}.notfound-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:var(--nf-bg);color:var(--nf-text);position:relative;overflow:hidden;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:50px 50px}.dark .notfound-section{background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px)}.notfound-container{position:relative;z-index:10;max-width:600px;width:100%}.notfound-decoration{position:absolute;border:4px solid var(--nf-border);z-index:1}.decoration-1{width:100px;height:100px;background-color:var(--highlight-yellow);top:10%;left:10%;transform:rotate(15deg);animation:float1 6s ease-in-out infinite}.decoration-2{width:80px;height:80px;background-color:var(--highlight-cyan);bottom:15%;right:15%;border-radius:50%;animation:float2 5s ease-in-out infinite}.decoration-3{width:60px;height:60px;background-color:var(--highlight-pink);top:20%;right:20%;transform:rotate(-10deg);animation:float3 7s ease-in-out infinite}@keyframes float1{0%,to{transform:rotate(15deg) translateY(0)}50%{transform:rotate(15deg) translateY(-20px)}}@keyframes float2{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes float3{0%,to{transform:rotate(-10deg) translate(0)}50%{transform:rotate(-10deg) translate(15px)}}.notfound-card{background-color:var(--nf-card-bg);border:4px solid var(--nf-border);box-shadow:12px 12px 0 0 var(--nf-shadow);border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.notfound-card:hover{transform:translate(-4px,-4px);box-shadow:16px 16px 0 0 var(--nf-shadow)}.notfound-header{background-color:var(--nf-border);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem}.browser-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.2)}.dot-red{background-color:#ff6b6b}.dot-yellow{background-color:gold}.dot-green{background-color:#a3e635}.notfound-title-bar{background-color:var(--nf-card-bg);border-radius:4px;padding:4px 12px;font-family:monospace;font-size:.8rem;color:var(--nf-text);flex-grow:1;margin-left:1rem;text-align:center}.notfound-content{padding:3rem 2rem;text-align:center}.notfound-face{font-size:8rem;font-weight:900;line-height:1;margin-bottom:1rem;color:var(--nf-text);text-shadow:6px 6px 0 var(--highlight-pink);animation:shake 2s ease-in-out infinite;user-select:none}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.notfound-badge{display:inline-block;background-color:var(--highlight-pink);color:#000;font-size:1.5rem;font-weight:900;padding:.5rem 2rem;border:4px solid var(--nf-border);box-shadow:4px 4px 0 0 var(--nf-shadow);transform:rotate(-3deg);margin-bottom:1.5rem}.notfound-heading{font-size:2.5rem;font-weight:900;text-transform:uppercase;margin-bottom:1rem;letter-spacing:-1px}.notfound-text{font-size:1.1rem;opacity:.8;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.notfound-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.notfound-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:800;font-size:1rem;text-transform:uppercase;text-decoration:none;border:4px solid var(--nf-border);cursor:pointer;transition:all .2s}.notfound-btn.btn-primary{background-color:var(--highlight-green);color:#000;box-shadow:4px 4px 0 0 var(--nf-shadow)}.notfound-btn.btn-primary:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 0 var(--nf-shadow)}.notfound-btn.btn-outline{background-color:transparent;color:var(--nf-text);box-shadow:4px 4px 0 0 var(--nf-shadow)}.notfound-btn.btn-outline:hover{background-color:var(--nf-text);color:var(--nf-bg)}.notfound-glitch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20rem;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--nf-border);opacity:.05;z-index:-1;user-select:none;pointer-events:none}@media(max-width:640px){.notfound-face{font-size:5rem;text-shadow:4px 4px 0 var(--highlight-pink)}.notfound-heading{font-size:1.75rem}.notfound-badge{font-size:1.25rem;padding:.4rem 1.5rem}.notfound-content{padding:2rem 1.5rem}.notfound-actions{flex-direction:column}.notfound-btn{width:100%;justify-content:center}.notfound-glitch{font-size:10rem}.decoration-1,.decoration-2,.decoration-3{display:none}}.resume-section{--resume-bg: #FFFEF0;--resume-text: #000000;--resume-card-bg: #FFFFFF;--resume-border: #000000;--resume-shadow: #000000;--highlight-yellow: #FFD700;--highlight-cyan: #22D3EE;--highlight-pink: #FF6B6B;--highlight-green: #A3E635;--highlight-purple: #c084fc}.dark .resume-section{--resume-bg: #121212;--resume-text: #FFFFFF;--resume-card-bg: #1a1a1a;--resume-border: #FFFFFF;--resume-shadow: #FFFFFF}.resume-section{min-height:100vh;background-color:var(--resume-bg);color:var(--resume-text);background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:50px 50px}.dark .resume-section{background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px)}.resume-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--resume-card-bg);border-bottom:4px solid var(--resume-border);box-shadow:0 4px 0 0 var(--resume-shadow)}.resume-title{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-1px}.resume-actions{display:flex;gap:.75rem;flex-wrap:wrap}.resume-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:800;font-size:.875rem;text-transform:uppercase;text-decoration:none;border:3px solid var(--resume-border);cursor:pointer;transition:all .2s}.resume-btn.btn-primary{background-color:var(--highlight-cyan);color:#000;box-shadow:4px 4px 0 0 var(--resume-shadow)}.resume-btn.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--resume-shadow);background-color:var(--highlight-green)}.resume-btn.btn-outline{background-color:transparent;color:var(--resume-text);box-shadow:4px 4px 0 0 var(--resume-shadow)}.resume-btn.btn-outline:hover{background-color:var(--highlight-yellow);color:#000}.resume-btn.btn-close{background-color:var(--highlight-pink);color:#000;box-shadow:4px 4px 0 0 var(--resume-shadow)}.resume-btn.btn-close:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--resume-shadow)}.resume-preview-container{padding:2rem;display:flex;justify-content:center}.resume-preview-card{width:100%;max-width:900px;background-color:var(--resume-card-bg);border:4px solid var(--resume-border);box-shadow:12px 12px 0 0 var(--resume-shadow);overflow:hidden}.resume-iframe{width:100%;height:calc(100vh - 180px);border:none;display:block}@media(max-width:768px){.resume-header{flex-direction:column;gap:1rem;padding:1rem}.resume-title{font-size:1.25rem;text-align:center}.resume-actions{justify-content:center}.resume-btn{padding:.5rem 1rem;font-size:.75rem}.resume-preview-container{padding:1rem}.resume-preview-card{box-shadow:8px 8px 0 0 var(--resume-shadow)}.resume-iframe{height:calc(100vh - 220px)}}.intro-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:all}.intro-block{position:absolute;top:0;height:100%;width:50%}.intro-block-left{left:0;background-color:gold;border-right:4px solid #000;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:40px 40px}.intro-block-right{right:0;background-color:#22d3ee;border-left:4px solid #000;background-image:linear-gradient(rgba(0,0,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.1) 1px,transparent 1px);background-size:40px 40px}.dark .intro-block-left{background-color:#6c63ff;border-color:#fff;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}.dark .intro-block-right{background-color:#ff6b6b;border-color:#fff;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}.intro-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-hello{display:flex;align-items:center;gap:.5rem;transform-origin:center center}.intro-hello-text{font-size:clamp(4rem,15vw,10rem);font-weight:900;color:#000;text-transform:uppercase;letter-spacing:-.05em;text-shadow:6px 6px 0 #fff,10px 10px 0 #000}.dark .intro-hello-text{color:#fff;text-shadow:6px 6px 0 #1a1a2e,10px 10px 0 #fff}.intro-hello-emoji{font-size:clamp(3rem,12vw,8rem);display:inline-block;filter:drop-shadow(4px 4px 0 #000)}.intro-decoration{position:absolute;border:4px solid #000;background-color:#fff}.dark .intro-decoration{border-color:#fff;background-color:#1a1a2e}.intro-deco-1{width:60px;height:60px;top:10%;left:10%;background-color:#ff6b6b;transform:rotate(12deg);animation:float 3s ease-in-out infinite}.intro-deco-2{width:40px;height:40px;bottom:15%;right:15%;background-color:#a3e635;transform:rotate(-8deg);animation:float 2.5s ease-in-out infinite .5s}.intro-deco-3{width:30px;height:80px;top:20%;right:20%;background-color:#c084fc;transform:rotate(25deg);animation:float 3.5s ease-in-out infinite 1s}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rotate, 12deg))}50%{transform:translateY(-15px) rotate(var(--rotate, 12deg))}}@media(max-width:768px){.intro-hello-text{text-shadow:4px 4px 0 #fff,6px 6px 0 #000}.dark .intro-hello-text{text-shadow:4px 4px 0 #1a1a2e,6px 6px 0 #fff}.intro-hello-emoji{filter:drop-shadow(3px 3px 0 #000)}.intro-decoration{display:none}}.custom-cursor{position:fixed;top:0;left:0;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border:3px solid #000;border-radius:0;background-color:transparent;pointer-events:none;z-index:99999;opacity:0;transition:width .2s ease,height .2s ease,margin .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;will-change:transform}.custom-cursor.visible{opacity:1}.dark .custom-cursor{border-color:#fff}.custom-cursor.hovering{width:60px;height:60px;margin-left:-30px;margin-top:-30px;background-color:#ffd7004d;border-color:gold}.dark .custom-cursor.hovering{background-color:#22d3ee4d;border-color:#22d3ee}.custom-cursor.clicking{width:30px;height:30px;margin-left:-15px;margin-top:-15px;background-color:gold;transform:rotate(45deg)}.dark .custom-cursor.clicking{background-color:#22d3ee}.custom-cursor-dot{position:fixed;top:0;left:0;width:10px;height:10px;margin-left:-5px;margin-top:-5px;background-color:#000;border-radius:0;pointer-events:none;z-index:100000;opacity:0;transition:width .15s ease,height .15s ease,margin .15s ease,background-color .15s ease,opacity .15s ease;will-change:transform}.custom-cursor-dot.visible{opacity:1}.dark .custom-cursor-dot{background-color:#fff}.custom-cursor-dot.hovering{width:6px;height:6px;margin-left:-3px;margin-top:-3px;background-color:gold}.dark .custom-cursor-dot.hovering{background-color:#22d3ee}.custom-cursor-dot.clicking{width:16px;height:16px;margin-left:-8px;margin-top:-8px}@media(hover:hover)and (pointer:fine){*,a,button,input,textarea,select,[role=button]{cursor:none!important}}@media(hover:none)or (pointer:coarse){.custom-cursor,.custom-cursor-dot{display:none!important}*{cursor:auto!important}}*{box-sizing:border-box}.admin-layout,.admin-layout *,.login-page,.login-page *,.admin-loading,.admin-loading *{cursor:auto!important}.admin-layout button,.admin-layout a,.admin-layout input,.admin-layout select,.admin-layout textarea,.admin-layout .tag,.login-page button,.login-page a,.login-page input{cursor:pointer!important}.admin-layout input[type=text],.admin-layout input[type=email],.admin-layout input[type=password],.admin-layout input[type=number],.admin-layout input[type=url],.admin-layout input[type=date],.admin-layout textarea,.login-page input[type=text],.login-page input[type=email],.login-page input[type=password]{cursor:text!important}:root{--admin-bg: #FFFEF0;--admin-surface: #FFFFFF;--admin-primary: #FFD700;--admin-secondary: #FF6B6B;--admin-accent: #4ECDC4;--admin-border: #000000;--admin-text: #000000;--admin-sidebar-width: 260px}.dark{--admin-bg: #1A1A1A;--admin-surface: #2A2A2A;--admin-border: #FFFFFF;--admin-text: #FFFFFF}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--admin-bg);gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-layout{display:flex;min-height:100vh;background:var(--admin-bg);overflow-x:hidden}.admin-main{flex:1;margin-left:var(--admin-sidebar-width);padding:2rem;width:calc(100% - var(--admin-sidebar-width));min-width:0}.admin-sidebar{position:fixed;left:0;top:0;width:var(--admin-sidebar-width);height:100vh;background:var(--admin-surface);border-right:3px solid var(--admin-border);display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:3px solid var(--admin-border)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--admin-text)}.logo-icon{width:40px;height:40px;background:var(--admin-primary);border:3px solid var(--admin-border);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem}.logo-text{font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:-.5px}.sidebar-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:3px solid transparent;background:transparent;color:var(--admin-text);text-decoration:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.nav-item:hover{background:var(--admin-primary);border-color:var(--admin-border);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--admin-border)}.nav-item.active{background:var(--admin-primary);border-color:var(--admin-border);box-shadow:4px 4px 0 var(--admin-border)}.sidebar-footer{padding:1rem;border-top:3px solid var(--admin-border);display:flex;flex-direction:column;gap:.5rem}.nav-item.logout{color:var(--admin-secondary)}.nav-item.logout:hover{background:var(--admin-secondary);color:#fff}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:-1px;color:var(--admin-text)}.admin-card{background:var(--admin-surface);border:3px solid var(--admin-border);box-shadow:6px 6px 0 var(--admin-border);padding:1.5rem;max-width:100%;overflow:hidden}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--admin-surface);border:3px solid var(--admin-border);box-shadow:4px 4px 0 var(--admin-border);padding:1.5rem;display:flex;align-items:center;gap:1rem;max-width:100%}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:3px solid var(--admin-border)}.stat-icon.yellow{background:var(--admin-primary)}.stat-icon.coral{background:var(--admin-secondary)}.stat-icon.teal{background:var(--admin-accent)}.stat-icon.white{background:var(--admin-surface)}.stat-icon.green{background:#22c55e}.stat-content h3{font-size:2rem;font-weight:900;line-height:1;color:var(--admin-text)}.stat-content p{font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--admin-text);opacity:.7}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:700;font-size:.95rem;border:3px solid var(--admin-border);cursor:pointer;transition:all .15s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--admin-border)}.btn-primary{background:var(--admin-primary);color:var(--admin-text)}.btn-secondary{background:var(--admin-surface);color:var(--admin-text)}.btn-danger{background:var(--admin-secondary);color:#fff}.btn-small{padding:.5rem .75rem;font-size:.85rem}.admin-table-container{background:var(--admin-surface);border:3px solid var(--admin-border);box-shadow:6px 6px 0 var(--admin-border);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:2px solid var(--admin-border)}.admin-table th{background:var(--admin-primary);font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffd7001a}.table-actions{display:flex;gap:.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;color:var(--admin-text)}.form-input,.form-textarea,.form-select{width:100%;padding:.875rem 1rem;font-size:1rem;border:3px solid var(--admin-border);background:var(--admin-surface);color:var(--admin-text);transition:all .15s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;box-shadow:4px 4px 0 var(--admin-border);transform:translate(-2px,-2px)}.form-textarea{min-height:120px;resize:vertical}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(4px)}.modal-content{background:var(--admin-surface);border:4px solid var(--admin-border);box-shadow:8px 8px 0 var(--admin-border);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;margin:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:3px solid var(--admin-border);background:var(--admin-primary)}.modal-title{font-weight:900;font-size:1.25rem;text-transform:uppercase}.modal-close{background:none;border:none;cursor:pointer;padding:.25rem}.modal-body{padding:1.5rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:3px solid var(--admin-border)}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem;border:3px solid var(--admin-border);background:var(--admin-surface);min-height:48px}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--admin-primary);border:2px solid var(--admin-border);font-weight:600;font-size:.85rem}.tag-remove{background:none;border:none;cursor:pointer;padding:0;line-height:1}.tags-input{flex:1;min-width:120px;border:none;background:transparent;padding:.375rem;font-size:.95rem}.tags-input:focus{outline:none}.empty-state{text-align:center;padding:4rem 2rem;color:var(--admin-text)}.empty-state-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--admin-primary);border:3px solid var(--admin-border);display:flex;align-items:center;justify-content:center}.empty-state h3{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.empty-state p{opacity:.7;margin-bottom:1.5rem}.messages-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;height:calc(100vh - 200px)}.message-list-card{max-height:100%}.message-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--admin-border)}.message-actions{display:flex;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.qualifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.admin-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:var(--admin-surface);border-bottom:3px solid var(--admin-border);z-index:150;padding:0 1rem;align-items:center;gap:1rem}.mobile-toggle{background:var(--admin-primary);border:3px solid var(--admin-border);width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--admin-border)}.mobile-logo{font-weight:900;text-transform:uppercase;font-size:1.1rem;letter-spacing:-.5px}.sidebar-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:90}.sidebar-close-btn{display:none;background:var(--admin-secondary);border:2px solid var(--admin-border);color:#fff;padding:.25rem}@media(max-width:1024px){.messages-grid{grid-template-columns:300px 1fr}}@media(max-width:768px){.admin-mobile-header{display:flex}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-101%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:200;height:100vh;box-shadow:none}.admin-sidebar.open{transform:translate(0);box-shadow:10px 0 30px #0003}.sidebar-close-btn{display:block}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.admin-main{margin-left:0;width:100%;max-width:100vw;padding:5.5rem 1rem 2rem;overflow-x:hidden}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-title{font-size:1.5rem}.qualifications-grid{grid-template-columns:1fr}.messages-grid{grid-template-columns:1fr;height:auto;gap:1.5rem}.message-list-card{max-height:400px}.message-detail-header{flex-direction:column;gap:1rem}.message-actions{width:100%}.message-actions .btn{flex:1;justify-content:center}.form-row{grid-template-columns:1fr;gap:0}.dashboard-charts-grid{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.dashboard-traffic-card{grid-column:auto!important;width:100%!important;overflow:hidden!important}.dashboard-traffic-card>div{width:100%!important;max-width:100vw!important}.admin-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:0}.admin-table{min-width:600px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem}.stat-icon{width:44px;height:44px}.stat-icon svg{width:20px;height:20px}.stat-content h3{font-size:1.25rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}}/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */@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-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-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;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial}}}@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-50: oklch(.985 .002 247.839);--color-gray-100: oklch(.967 .003 264.542);--color-gray-200: oklch(.928 .006 264.531);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-500: oklch(.551 .027 264.364);--color-gray-600: oklch(.446 .03 256.802);--color-gray-700: oklch(.373 .034 259.733);--color-gray-900: oklch(.21 .034 264.665);--color-white: #fff;--spacing: .25rem;--container-2xl: 42rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--text-8xl: 6rem;--text-8xl--line-height: 1;--font-weight-normal: 400;--font-weight-medium: 500;--leading-relaxed: 1.625;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--blur-sm: 8px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-font-feature-settings: var(--font-sans--font-feature-settings);--default-font-variation-settings: var(--font-sans--font-variation-settings);--default-mono-font-family: var(--font-mono);--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);--default-mono-font-variation-settings: var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--background);color:var(--foreground)}*{border-color:var(--border);outline-color:var(--ring)}@supports (color: color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground);font-family:Sora,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:var(--text-2xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:var(--text-xl);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:var(--text-lg);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:var(--text-base);font-weight:var(--font-weight-normal);line-height:1.5}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-inset-4{inset:calc(var(--spacing) * -4)}.inset-0{inset:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-10{top:calc(var(--spacing) * 10)}.top-20{top:calc(var(--spacing) * 20)}.top-32{top:calc(var(--spacing) * 32)}.-right-6{right:calc(var(--spacing) * -6)}.right-0{right:calc(var(--spacing) * 0)}.right-1\/4{right:25%}.right-10{right:calc(var(--spacing) * 10)}.right-20{right:calc(var(--spacing) * 20)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-10{bottom:calc(var(--spacing) * 10)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-40{bottom:calc(var(--spacing) * 40)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-10{left:calc(var(--spacing) * 10)}.left-20{left:calc(var(--spacing) * 20)}.left-32{left:calc(var(--spacing) * 32)}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-2{margin-left:calc(var(--spacing) * 2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-96{height:calc(var(--spacing) * 96)}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-full{height:100%}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[150px\]{min-height:150px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-96{width:calc(var(--spacing) * 96)}.w-\[600px\]{width:600px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-0{--tw-scale-x: 0%;--tw-scale-y: 0%;--tw-scale-z: 0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#6C63FF\]\/30{border-color:#6c63ff4d}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color: color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[\#00C6FF\]\/5{background-color:#00c6ff0d}.bg-\[\#00C6FF\]\/10{background-color:#00c6ff1a}.bg-\[\#6C63FF\]\/5{background-color:#6c63ff0d}.bg-\[\#6C63FF\]\/10{background-color:#6c63ff1a}.bg-\[\#FFC857\]\/10{background-color:#ffc8571a}.bg-\[\#FFC857\]\/30{background-color:#ffc8574d}.bg-background{background-color:var(--background)}.bg-destructive{background-color:var(--destructive)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-input-background{background-color:var(--input-background)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color: color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color: color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-gradient-to-b{--tw-gradient-position: to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#0f0f1a\]{--tw-gradient-from: #0f0f1a;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#00C6FF\]{--tw-gradient-from: #00c6ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#00C6FF\]\/5{--tw-gradient-from: oklab(77.1589% -.100929 -.111073 / .05);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#6C63FF\]{--tw-gradient-from: #6c63ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#6C63FF\]\/0{--tw-gradient-from: oklab(0% 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#6C63FF\]\/5{--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .05);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#6C63FF\]\/10{--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#6C63FF\]\/20{--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#8B82FF\]{--tw-gradient-from: #8b82ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#FFC857\]{--tw-gradient-from: #ffc857;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#FFC857\]\/5{--tw-gradient-from: oklab(86.1472% .018175 .141144 / .05);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f8f9ff\]{--tw-gradient-from: #f8f9ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-50{--tw-gradient-from: var(--color-gray-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-100{--tw-gradient-from: var(--color-gray-100);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white{--tw-gradient-from: var(--color-white);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#00C6FF\]{--tw-gradient-via: #00c6ff;--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via: var(--color-white);--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.to-\[\#00A8E6\]{--tw-gradient-to: #00a8e6;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#00C6FF\]{--tw-gradient-to: #00c6ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#00C6FF\]\/0{--tw-gradient-to: oklab(0% 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#00C6FF\]\/5{--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .05);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#00C6FF\]\/10{--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#00C6FF\]\/20{--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#1a1a2e\]{--tw-gradient-to: #1a1a2e;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#6C63FF\]{--tw-gradient-to: #6c63ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#6C63FF\]\/10{--tw-gradient-to: oklab(59.7343% .0379568 -.220456 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#8B82FF\]{--tw-gradient-to: #8b82ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#FFB347\]{--tw-gradient-to: #ffb347;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#FFC857\]\/10{--tw-gradient-to: oklab(86.1472% .018175 .141144 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#f0f7ff\]{--tw-gradient-to: #f0f7ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-50{--tw-gradient-to: var(--color-gray-50);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-100{--tw-gradient-to: var(--color-gray-100);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-200{--tw-gradient-to: var(--color-gray-200);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{background-clip:text}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-32{padding-block:calc(var(--spacing) * 32)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-20{padding-top:calc(var(--spacing) * 20)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading, var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-\[\#00C6FF\]{color:#00c6ff}.text-\[\#6C63FF\]{color:#6c63ff}.text-\[\#FFC857\]{color:#ffc857}.text-foreground{color:var(--foreground)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color: color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color: color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[\#6C63FF\]\/5{--tw-shadow-color: #6c63ff0d}@supports (color: color-mix(in lab,red,red)){.shadow-\[\#6C63FF\]\/5{--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .05) var(--tw-shadow-alpha), transparent)}}.shadow-\[\#6C63FF\]\/10{--tw-shadow-color: #6c63ff1a}@supports (color: color-mix(in lab,red,red)){.shadow-\[\#6C63FF\]\/10{--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .1) var(--tw-shadow-alpha), transparent)}}.ring-\[\#6C63FF\]\/20{--tw-ring-color: oklab(59.7343% .0379568 -.220456 / .2)}.ring-white{--tw-ring-color: var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur: blur(var(--blur-2xl));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, )}.blur-3xl{--tw-blur: blur(var(--blur-3xl));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, )}.blur-xl{--tw-blur: blur(var(--blur-xl));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, )}.backdrop-blur-lg{--tw-backdrop-blur: blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-500{--tw-duration: .5s;transition-duration:.5s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.outline-none{--tw-outline-style: none;outline-style:none}@media(hover:hover){.group-hover\:w-8:is(:where(.group):hover *){width:calc(var(--spacing) * 8)}}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}}@media(hover:hover){.group-hover\:bg-gradient-to-r:is(:where(.group):hover *){--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}}@media(hover:hover){.group-hover\:from-\[\#6C63FF\]:is(:where(.group):hover *){--tw-gradient-from: #6c63ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.group-hover\:from-\[\#6C63FF\]\/20:is(:where(.group):hover *){--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.group-hover\:to-\[\#00C6FF\]:is(:where(.group):hover *){--tw-gradient-to: #00c6ff;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.group-hover\:to-\[\#00C6FF\]\/20:is(:where(.group):hover *){--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.group-hover\:bg-clip-text:is(:where(.group):hover *){background-clip:text}}@media(hover:hover){.group-hover\:text-transparent:is(:where(.group):hover *){color:#0000}}@media(hover:hover){.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}@media(hover:hover){.group-hover\:blur-3xl:is(:where(.group):hover *){--tw-blur: blur(var(--blur-3xl));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, )}}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media(hover:hover){.hover\:translate-x-1:hover{--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:-translate-y-2:hover{--tw-translate-y: calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.hover\:border-\[\#6C63FF\]:hover{border-color:#6c63ff}}@media(hover:hover){.hover\:border-transparent:hover{border-color:#0000}}@media(hover:hover){.hover\:bg-\[\#6C63FF\]\/5:hover{background-color:#6c63ff0d}}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}}@media(hover:hover){.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}}@media(hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}@media(hover:hover){.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}@media(hover:hover){.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}}@media(hover:hover){.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color: color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}@media(hover:hover){.hover\:bg-gradient-to-r:hover{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}}@media(hover:hover){.hover\:from-\[\#6C63FF\]\/5:hover{--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .05);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.hover\:from-\[\#6C63FF\]\/10:hover{--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.hover\:to-\[\#00C6FF\]\/5:hover{--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .05);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.hover\:to-\[\#00C6FF\]\/10:hover{--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.hover\:text-\[\#6C63FF\]:hover{color:#6c63ff}}@media(hover:hover){.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(hover:hover){.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:shadow-\[\#6C63FF\]\/10:hover{--tw-shadow-color: #6c63ff1a}@supports (color: color-mix(in lab,red,red)){.hover\:shadow-\[\#6C63FF\]\/10:hover{--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .1) var(--tw-shadow-alpha), transparent)}}}@media(hover:hover){.hover\:shadow-\[\#6C63FF\]\/30:hover{--tw-shadow-color: #6c63ff4d}@supports (color: color-mix(in lab,red,red)){.hover\:shadow-\[\#6C63FF\]\/30:hover{--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .3) var(--tw-shadow-alpha), transparent)}}}.focus\:border-\[\#6C63FF\]:focus{border-color:#6c63ff}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: var(--ring)}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)}}@media(width>=40rem){.sm\:flex-row{flex-direction:row}}@media(width>=48rem){.md\:order-1{order:1}}@media(width>=48rem){.md\:order-2{order:2}}@media(width>=48rem){.md\:flex{display:flex}}@media(width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=48rem){.md\:flex-row{flex-direction:row}}@media(width>=48rem){.md\:items-start{align-items:flex-start}}@media(width>=48rem){.md\:justify-between{justify-content:space-between}}@media(width>=48rem){.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}}@media(width>=48rem){.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}@media(width>=48rem){.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}@media(width>=48rem){.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading, var(--text-7xl--line-height))}}@media(width>=48rem){.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}@media(width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}@media(width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=64rem){.lg\:px-20{padding-inline:calc(var(--spacing) * 20)}}@media(width>=64rem){.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}@media(width>=64rem){.lg\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading, var(--text-8xl--line-height))}}.dark\:border-\[\#6C63FF\]\/50:is(.dark *){border-color:#6c63ff80}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:border-white\/5:is(.dark *){border-color:#ffffff0d}@supports (color: color-mix(in lab,red,red)){.dark\:border-white\/5:is(.dark *){border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}@supports (color: color-mix(in lab,red,red)){.dark\:border-white\/10:is(.dark *){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:bg-\[\#0f0f1a\]:is(.dark *){background-color:#0f0f1a}.dark\:bg-\[\#0f0f1a\]\/95:is(.dark *){background-color:#0f0f1af2}.dark\:bg-\[\#00C6FF\]\/10:is(.dark *){background-color:#00c6ff1a}.dark\:bg-\[\#00C6FF\]\/20:is(.dark *){background-color:#00c6ff33}.dark\:bg-\[\#1a1a2e\]:is(.dark *){background-color:#1a1a2e}.dark\:bg-\[\#6C63FF\]\/10:is(.dark *){background-color:#6c63ff1a}.dark\:bg-\[\#6C63FF\]\/20:is(.dark *){background-color:#6c63ff33}.dark\:bg-\[\#FFC857\]\/20:is(.dark *){background-color:#ffc85733}.dark\:bg-\[\#FFC857\]\/40:is(.dark *){background-color:#ffc85766}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color: color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}@supports (color: color-mix(in lab,red,red)){.dark\:bg-white\/5:is(.dark *){background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:bg-white\/10:is(.dark *){background-color:#ffffff1a}@supports (color: color-mix(in lab,red,red)){.dark\:bg-white\/10:is(.dark *){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:from-\[\#0a0a12\]:is(.dark *){--tw-gradient-from: #0a0a12;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-\[\#00C6FF\]\/10:is(.dark *){--tw-gradient-from: oklab(77.1589% -.100929 -.111073 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-\[\#1a1a2e\]:is(.dark *){--tw-gradient-from: #1a1a2e;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-\[\#6C63FF\]\/10:is(.dark *){--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-\[\#6C63FF\]\/20:is(.dark *){--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-\[\#6C63FF\]\/30:is(.dark *){--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .3);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-\[\#FFC857\]\/10:is(.dark *){--tw-gradient-from: oklab(86.1472% .018175 .141144 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-white\/5:is(.dark *){--tw-gradient-from: #ffffff0d;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.dark\:from-white\/5:is(.dark *){--tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:from-white\/10:is(.dark *){--tw-gradient-from: #ffffff1a;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.dark\:from-white\/10:is(.dark *){--tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:via-\[\#0f0f1a\]:is(.dark *){--tw-gradient-via: #0f0f1a;--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.dark\:to-\[\#00C6FF\]\/10:is(.dark *){--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-\[\#00C6FF\]\/20:is(.dark *){--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-\[\#00C6FF\]\/30:is(.dark *){--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .3);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-\[\#1a1a2e\]:is(.dark *){--tw-gradient-to: #1a1a2e;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-\[\#1a1a2e\]\/80:is(.dark *){--tw-gradient-to: oklab(22.8438% .00860053 -.0374545 / .8);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-\[\#6C63FF\]\/20:is(.dark *){--tw-gradient-to: oklab(59.7343% .0379568 -.220456 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-\[\#FFC857\]\/20:is(.dark *){--tw-gradient-to: oklab(86.1472% .018175 .141144 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-white\/5:is(.dark *){--tw-gradient-to: #ffffff0d;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.dark\:to-white\/5:is(.dark *){--tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:to-white\/10:is(.dark *){--tw-gradient-to: #ffffff1a;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color: color-mix(in lab,red,red)){.dark\:to-white\/10:is(.dark *){--tw-gradient-to: color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:text-gray-300:is(.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:is(.dark *){color:var(--color-gray-400)}.dark\:text-white:is(.dark *){color:var(--color-white)}.dark\:opacity-30:is(.dark *){opacity:.3}.dark\:opacity-40:is(.dark *){opacity:.4}.dark\:shadow-\[\#6C63FF\]\/10:is(.dark *){--tw-shadow-color: #6c63ff1a}@supports (color: color-mix(in lab,red,red)){.dark\:shadow-\[\#6C63FF\]\/10:is(.dark *){--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .1) var(--tw-shadow-alpha), transparent)}}.dark\:shadow-\[\#6C63FF\]\/20:is(.dark *){--tw-shadow-color: #6c63ff33}@supports (color: color-mix(in lab,red,red)){.dark\:shadow-\[\#6C63FF\]\/20:is(.dark *){--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .2) var(--tw-shadow-alpha), transparent)}}.dark\:ring-\[\#1a1a2e\]:is(.dark *){--tw-ring-color: #1a1a2e}.dark\:ring-\[\#6C63FF\]\/40:is(.dark *){--tw-ring-color: oklab(59.7343% .0379568 -.220456 / .4)}@media(hover:hover){.dark\:hover\:bg-\[\#6C63FF\]\/10:is(.dark *):hover{background-color:#6c63ff1a}}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}}@media(hover:hover){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}}@media(hover:hover){.dark\:hover\:from-\[\#6C63FF\]\/10:is(.dark *):hover{--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.dark\:hover\:from-\[\#6C63FF\]\/20:is(.dark *):hover{--tw-gradient-from: oklab(59.7343% .0379568 -.220456 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.dark\:hover\:to-\[\#00C6FF\]\/10:is(.dark *):hover{--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .1);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.dark\:hover\:to-\[\#00C6FF\]\/20:is(.dark *):hover{--tw-gradient-to: oklab(77.1589% -.100929 -.111073 / .2);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}}@media(hover:hover){.dark\:hover\:shadow-\[\#00C6FF\]\/10:is(.dark *):hover{--tw-shadow-color: #00c6ff1a}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:shadow-\[\#00C6FF\]\/10:is(.dark *):hover{--tw-shadow-color: color-mix(in oklab, oklab(77.1589% -.100929 -.111073 / .1) var(--tw-shadow-alpha), transparent)}}}@media(hover:hover){.dark\:hover\:shadow-\[\#00C6FF\]\/20:is(.dark *):hover{--tw-shadow-color: #00c6ff33}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:shadow-\[\#00C6FF\]\/20:is(.dark *):hover{--tw-shadow-color: color-mix(in oklab, oklab(77.1589% -.100929 -.111073 / .2) var(--tw-shadow-alpha), transparent)}}}@media(hover:hover){.dark\:hover\:shadow-\[\#6C63FF\]\/10:is(.dark *):hover{--tw-shadow-color: #6c63ff1a}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:shadow-\[\#6C63FF\]\/10:is(.dark *):hover{--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .1) var(--tw-shadow-alpha), transparent)}}}@media(hover:hover){.dark\:hover\:shadow-\[\#6C63FF\]\/20:is(.dark *):hover{--tw-shadow-color: #6c63ff33}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:shadow-\[\#6C63FF\]\/20:is(.dark *):hover{--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .2) var(--tw-shadow-alpha), transparent)}}}@media(hover:hover){.dark\:hover\:shadow-\[\#6C63FF\]\/50:is(.dark *):hover{--tw-shadow-color: #6c63ff80}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:shadow-\[\#6C63FF\]\/50:is(.dark *):hover{--tw-shadow-color: color-mix(in oklab, oklab(59.7343% .0379568 -.220456 / .5) var(--tw-shadow-alpha), transparent)}}}@media(hover:hover){.dark\:hover\:shadow-\[\#FFC857\]\/20:is(.dark *):hover{--tw-shadow-color: #ffc85733}@supports (color: color-mix(in lab,red,red)){.dark\:hover\:shadow-\[\#FFC857\]\/20:is(.dark *):hover{--tw-shadow-color: color-mix(in oklab, oklab(86.1472% .018175 .141144 / .2) var(--tw-shadow-alpha), transparent)}}}.dark\:focus\:border-\[\#6C63FF\]:is(.dark *):focus{border-color:#6c63ff}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color: var(--destructive)}@supports (color: color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}}@media(hover:hover){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color: color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive) 90%,transparent)}}}@media(hover:hover){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}}@media(hover:hover){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color: color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary) 90%,transparent)}}}@media(hover:hover){a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fade-in{animation:.6s ease-out forwards fade-in}.animate-float{animation:3s ease-in-out infinite float}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-1000{animation-delay:1s}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f8f9ff}::-webkit-scrollbar-thumb{background:linear-gradient(#6c63ff,#00c6ff);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#5a51e6,#00b3e6)}.dark ::-webkit-scrollbar-track{background:#0f0f1a}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(#6c63ff,#00c6ff)}.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8b82ff,#00d4ff)}:root{--font-size: 16px;--background: #fff;--foreground: oklch(.145 0 0);--card: #fff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #fff;--border: #0000001a;--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: #0f0f1a;--foreground: #fff;--card: #1a1a2e;--card-foreground: #fff;--popover: #1a1a2e;--popover-foreground: #fff;--primary: #fff;--primary-foreground: #0f0f1a;--secondary: #1a1a2e;--secondary-foreground: #fff;--muted: #ffffff1a;--muted-foreground: #fff9;--accent: #ffffff1a;--accent-foreground: #fff;--destructive: #d4183d;--destructive-foreground: #fff;--border: #ffffff1a;--input: #ffffff1a;--input-background: #ffffff0d;--switch-background: #fff3;--font-weight-medium: 500;--font-weight-normal: 400;--ring: #ffffff4d;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}html{font-size:var(--font-size)}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false}@property --tw-gradient-via-stops{syntax: "*"; inherits: false}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false}@property --tw-font-weight{syntax: "*"; inherits: false}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-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}@property --tw-backdrop-blur{syntax: "*"; inherits: false}@property --tw-backdrop-brightness{syntax: "*"; inherits: false}@property --tw-backdrop-contrast{syntax: "*"; inherits: false}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false}@property --tw-backdrop-invert{syntax: "*"; inherits: false}@property --tw-backdrop-opacity{syntax: "*"; inherits: false}@property --tw-backdrop-saturate{syntax: "*"; inherits: false}@property --tw-backdrop-sepia{syntax: "*"; inherits: false}@property --tw-duration{syntax: "*"; inherits: false}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@layer base{:root{--bg-primary: #FFFEF0;--bg-surface: #FFFFFF;--accent-primary: #FFD700;--accent-secondary: #FF6B6B;--accent-tertiary: #4ECDC4;--border-color: #000000;--text-primary: #000000;--border-width: 3px;--shadow-sm: 4px 4px 0 var(--border-color);--shadow-md: 6px 6px 0 var(--border-color);--shadow-lg: 8px 8px 0 var(--border-color);--grid-pattern: linear-gradient(to right, #00000030 1px, transparent 1px), linear-gradient(to bottom, #00000030 1px, transparent 1px)}.dark{--bg-primary: #1A1A1A;--bg-surface: #2A2A2A;--border-color: #FFFFFF;--text-primary: #FFFFFF;--shadow-sm: 4px 4px 0 var(--accent-primary);--grid-pattern: linear-gradient(to right, #FFFFFF30 1px, transparent 1px), linear-gradient(to bottom, #FFFFFF30 1px, transparent 1px)}body{background-color:var(--bg-primary);background-image:var(--grid-pattern);background-size:40px 40px;color:var(--text-primary)}}::-webkit-scrollbar{width:16px!important}::-webkit-scrollbar-track{background:#fffef0!important;border-left:3px solid #000!important}::-webkit-scrollbar-thumb{background:gold!important;border:3px solid #000!important;border-radius:0!important}::-webkit-scrollbar-thumb:hover{background:#ffc000!important}.dark ::-webkit-scrollbar-track{background:#0f0f1a!important;border-left:3px solid #fff!important}.dark ::-webkit-scrollbar-thumb{background:#22d3ee!important;border:3px solid #fff!important}.dark ::-webkit-scrollbar-thumb:hover{background:#06b6d4!important}