:root{--backdrop-image-filter:blur(50px);--vp-home-hero-name-background:-webkit-linear-gradient(120deg,var(--primary) 50%,var(--danger));--vp-home-hero-codedhyan-background:-webkit-linear-gradient(120deg,#cafe3c 50%,#e9e0ff);--vp-home-hero-codeitup-x-codedhyan-background:-webkit-linear-gradient(120deg,#cafe3c 10%,var(--primary) 80%)}.clip_codeitup_x_chaton10x{background:var(--vp-home-hero-codeitup-x-codedhyan-background)}.clip_chaton10x{background:var(--vp-home-hero-codedhyan-background)}.clip_codeitup{background:var(--vp-home-hero-name-background)}.clip{-webkit-background-clip:text;backdrop-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nabarx{background-color:var(--dark)!important;width:100vw;min-height:48px;padding:0 1rem;box-sizing:border-box}@media (max-width:768px){.nabarx{padding:0 .5rem;min-height:44px}.vs-navbar--item{font-size:15px;padding:0 7px}}@media (max-width:500px){.nabarx{padding:0 .1rem;min-height:40px}.vs-navbar--item{font-size:12px;padding:0 4px}}.vs-navbar--item{color:var(--text-disable)!important}.btn-responsive-line{background:var(--text)!important}.vs-navbar-flat{border-radius:0 0 10px 10px}.is-active-item{font-family:Gilroy-Bold,sans-serif;color:var(--text)!important}.profile-menu{position:relative;cursor:pointer}.profile-dropdown{position:absolute;top:100%;right:0;background:var(--dark);border:1px solid rgba(var(--vs-primary),.1);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.15);min-width:120px;z-index:1000;margin-top:.5rem}.dropdown-item{padding:.75rem 1rem;color:var(--text);display:block;text-decoration:none;transition:background-color .2s;&:hover{background:rgba(var(--vs-primary),.1)}&.logout{color:var(--danger);cursor:pointer;&:hover{background:rgba(var(--vs-danger),.1)}}}.app-container{min-height:100vh;display:flex;flex-direction:column}.fixed-navbar{position:fixed;top:0;left:0;right:0;z-index:1000}.main-content{margin-top:55px;flex:1}:root{--vs-primary:255,196,87;--vs-success:95,185,178;--vs-text:67,67,67;--vs-warning:252,232,209;--vs-dark:244,243,242;--text:#040316;--text-disable:rgba(4,3,22,.5);--background:rgb(var(--vs-dark));--dark:#e7e7e6;--primary:rgb(var(--vs-primary));--warning:rgb(var(--vs-warning));--danger:rgb(var(--vs-danger))}:root[data-theme=dark]{--vs-primary:252,209,149;--vs-danger:228,121,121;--vs-dark:44,44,40;--vs-success:95,185,178;--vs-warning:255,102,255;--text:#f3f3f2;--text-disable:#bebebc;--background:rgb(var(--vs-dark));--primary:rgb(var(--vs-primary));--warning:rgb(var(--vs-warning));--dark:#171511;--danger:rgb(var(--vs-danger));--success:rgb(var(--vs-success))}body{color:var(--text);background:var(--background)}svg{fill:var(--primary)!important}.vs-button--icon,.vs-button-filled .vs-button-text{color:rgb(var(--vs-text))}:root[data-theme=dark] .vs-button--icon,:root[data-theme=dark] .vs-button-filled .vs-button-text{color:var(--background)!important}.skeleton-loading{background-color:rgba(var(--vs-dark,.1))!important}@font-face{font-family:Fira-Code;src:url(/app/fonts/FiraCode-Regular.6f4d10cd.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Gilroy-Regular;src:url(/app/fonts/Gilroy-Regular.5f4839c8.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Gilroy-Bold;src:url(/app/fonts/Gilroy-Bold.90b1a89c.woff) format("woff");font-weight:700;font-style:normal}h1,h2,h3{font-family:Gilroy-Bold,sans-serif}.vs-button--text{font-family:Gilroy-Regular,sans-serif!important;font-weight:700}body,button{font-family:Gilroy-Regular,sans-serif}.ace_editor,.ace_editor *{font-family:Fira-Code,monospace!important;font-size:12px!important;font-weight:400!important;letter-spacing:0!important}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}:root{--break-point:768px}body{-webkit-tap-highlight-color:transparent;scrollbar-width:none}.vs-noti-top-center{color:var(--dark)!important}.vs-notifications{margin-top:3rem!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.home[data-v-0383ec15]{padding:2rem 2rem 4rem;max-width:1200px;margin:0 auto;box-sizing:border-box;width:100%;overflow-x:hidden}.hero[data-v-0383ec15]{position:relative;padding:6rem 0;margin-bottom:4rem;overflow:hidden;border-radius:1.5rem;background:linear-gradient(135deg,var(--background-light) 0,var(--background) 100%);box-shadow:0 15px 30px rgba(0,0,0,.1)}.code-particles[data-v-0383ec15]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--primary-transparent) 1px,transparent 1px),radial-gradient(var(--primary-transparent) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.3;z-index:0}.hero__content[data-v-0383ec15]{position:relative;z-index:1;text-align:center;padding:0 2rem}.hero__headline[data-v-0383ec15]{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.code-bracket[data-v-0383ec15]{font-size:5rem;font-weight:700;color:var(--primary);margin:0 1rem;font-family:Fira Code,monospace;opacity:.8}.hero__title[data-v-0383ec15]{font-size:3.5rem;font-weight:700;line-height:1.2}.typing-effect[data-v-0383ec15]{display:inline-block;overflow:hidden;white-space:nowrap;border-right:.15em solid var(--primary);animation:typing-0383ec15 3s steps(40),blink-caret-0383ec15 .75s step-end infinite}@keyframes typing-0383ec15{0%{width:0}to{width:100%}}@keyframes blink-caret-0383ec15{0%,to{border-color:transparent}50%{border-color:var(--primary)}}.hero__subtitle[data-v-0383ec15]{font-size:1.25rem;color:var(--text-secondary);margin:0 auto 2.5rem;max-width:700px;line-height:1.7}.hero__stats[data-v-0383ec15]{display:flex;justify-content:center;margin-bottom:2.5rem;gap:3rem}.stat-item[data-v-0383ec15]{text-align:center}.stat-number[data-v-0383ec15]{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}.stat-label[data-v-0383ec15]{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.hero__buttons[data-v-0383ec15]{display:flex;justify-content:center;gap:1.5rem}.hero__button[data-v-0383ec15]{padding:.75rem 1.75rem;font-weight:600;letter-spacing:.5px}.hero__button i[data-v-0383ec15]{margin-right:.5rem;font-size:1.25rem;vertical-align:middle}.categories[data-v-0383ec15]{margin-bottom:5rem}.section-title[data-v-0383ec15]{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative;padding-bottom:1rem}.section-title[data-v-0383ec15]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--primary);border-radius:2px}.categories__grid[data-v-0383ec15]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.category-card[data-v-0383ec15]{background:var(--background-light);border-radius:1rem;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color)}.category-card[data-v-0383ec15]:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.category-icon[data-v-0383ec15]{font-size:2.5rem;color:var(--primary);margin-bottom:1rem}.category-card h3[data-v-0383ec15]{font-size:1.25rem;margin-bottom:1rem}.difficulty-tags[data-v-0383ec15]{display:flex;justify-content:center;gap:.5rem}.tag[data-v-0383ec15]{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.easy[data-v-0383ec15]{background:rgba(46,213,115,.2);color:#2ed573}.medium[data-v-0383ec15]{background:rgba(255,165,2,.2);color:#ffa502}.hard[data-v-0383ec15]{background:rgba(255,71,87,.2);color:#ff4757}.features[data-v-0383ec15]{margin-bottom:5rem}.features__grid[data-v-0383ec15]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card[data-v-0383ec15]{background:var(--background-light);padding:2.5rem;border-radius:1rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border-color);position:relative;overflow:hidden}.feature-card[data-v-0383ec15]:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card[data-v-0383ec15]:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.1)}.feature-card[data-v-0383ec15]:hover:before{transform:scaleX(1)}.feature-card__icon.material[data-v-0383ec15]{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-transparent) 0,rgba(79,70,229,.4) 100%);box-shadow:0 10px 20px rgba(79,70,229,.15)}.feature-card__icon.material .material-icons[data-v-0383ec15]{font-size:2.25rem;color:var(--primary)}.feature-card__title[data-v-0383ec15]{font-size:1.5rem;margin-bottom:1rem;font-weight:700}.feature-card__description[data-v-0383ec15]{color:var(--text-secondary);line-height:1.7}.code-snippet[data-v-0383ec15]{margin-bottom:5rem}.code-learning-container[data-v-0383ec15]{display:flex;gap:2rem;flex-wrap:wrap}.code-explanation[data-v-0383ec15]{flex:1;min-width:300px;background:var(--background-light);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border-color)}.code-badge[data-v-0383ec15]{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;display:inline-block;margin-bottom:1rem;width:-moz-fit-content;width:fit-content}.code-title[data-v-0383ec15]{font-size:2rem;margin-bottom:1rem;font-weight:700}.code-description[data-v-0383ec15]{color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.code-stats[data-v-0383ec15]{display:flex;flex-direction:column;gap:.75rem}.stat[data-v-0383ec15]{display:flex;align-items:center;gap:.5rem}.stat .material-icons[data-v-0383ec15]{color:var(--primary);font-size:1.25rem}.snippet-container[data-v-0383ec15]{flex:1.5;min-width:450px;background:var(--dark);border-radius:1rem;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.05)}.snippet-header[data-v-0383ec15]{background:hsla(0,0%,100%,.05);padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.snippet-tabs[data-v-0383ec15]{display:flex;gap:1rem}.snippet-actions[data-v-0383ec15]{display:flex;gap:.5rem}.action-button[data-v-0383ec15]{background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;border-radius:4px;padding:.25rem;transition:all .2s ease}.action-button[data-v-0383ec15]:hover{background:hsla(0,0%,100%,.1);color:#fff}.action-button .material-icons[data-v-0383ec15]{font-size:1.25rem}.tab[data-v-0383ec15]{padding:.5rem 1rem;border-radius:.5rem;font-size:.9rem;cursor:pointer;opacity:.6;transition:opacity .3s ease}.tab.active[data-v-0383ec15]{background:hsla(0,0%,100%,.1);opacity:1}.snippet-code[data-v-0383ec15]{padding:2rem;overflow-x:auto}.snippet-code pre[data-v-0383ec15]{margin:0}.snippet-code[data-v-0383ec15] code{font-family:Fira Code,monospace;line-height:1.6;font-size:14px}.snippet-code[data-v-0383ec15] .hljs{background:transparent;padding:0}.snippet-footer[data-v-0383ec15]{padding:1rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.browse-button[data-v-0383ec15],.try-button[data-v-0383ec15]{display:flex;align-items:center;gap:.5rem}.browse-button .material-icons[data-v-0383ec15],.try-button .material-icons[data-v-0383ec15]{font-size:1.15rem}.getting-started[data-v-0383ec15]{padding:5rem 2rem;text-align:center;background:var(--background-light);border-radius:1.5rem;margin-bottom:5rem;position:relative;overflow:hidden}.getting-started[data-v-0383ec15]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,var(--primary-transparent) 25%,transparent 25%),linear-gradient(225deg,var(--primary-transparent) 25%,transparent 25%),linear-gradient(45deg,var(--primary-transparent) 25%,transparent 25%),linear-gradient(315deg,var(--primary-transparent) 25%,transparent 25%);background-position:10px 0,10px 0,0 0,0 0;background-size:20px 20px;background-repeat:repeat;opacity:.05;z-index:0}.getting-started__steps[data-v-0383ec15]{display:flex;justify-content:center;gap:3rem;margin-bottom:4rem;position:relative;z-index:1}.step[data-v-0383ec15]{flex:1;max-width:300px}.step__number[data-v-0383ec15]{width:60px;height:60px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;font-family:Fira Code,monospace}.step__title[data-v-0383ec15]{font-size:1.5rem;margin-bottom:.75rem;font-weight:700}.step__description[data-v-0383ec15]{color:var(--text-secondary);line-height:1.6}.getting-started__cta[data-v-0383ec15]{position:relative;z-index:1;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;box-shadow:0 10px 20px rgba(0,0,0,.1)}.getting-started__cta i[data-v-0383ec15]{margin-right:.5rem;vertical-align:middle}.testimonial[data-v-0383ec15]{margin-bottom:3rem;background:var(--background-light);border-radius:1.5rem;padding:3rem 2rem;text-align:center}.testimonial__content[data-v-0383ec15]{max-width:800px;margin:0 auto}.quote-icon[data-v-0383ec15]{font-size:3rem;color:var(--primary);opacity:.3;margin-bottom:1rem}.testimonial__text[data-v-0383ec15]{font-size:1.5rem;line-height:1.7;margin-bottom:2rem;font-style:italic}.testimonial__author[data-v-0383ec15]{font-weight:600}.author-name[data-v-0383ec15]{font-size:1.1rem;margin-bottom:.25rem}.author-title[data-v-0383ec15]{font-size:.9rem;color:var(--text-secondary)}@media (max-width:992px){.hero__title[data-v-0383ec15]{font-size:3rem}.code-bracket[data-v-0383ec15]{font-size:4rem}.hero__stats[data-v-0383ec15]{gap:2rem}}@media (max-width:768px){.home[data-v-0383ec15]{padding:1rem 1rem 3rem}.hero[data-v-0383ec15]{padding:4rem 0;margin-bottom:2rem;border-radius:1rem}.hero__headline[data-v-0383ec15]{flex-direction:column}.code-bracket[data-v-0383ec15]{font-size:3rem;margin:.5rem 0}.hero__title[data-v-0383ec15]{font-size:2.25rem;padding:0 1rem}.hero__stats[data-v-0383ec15]{flex-direction:column;gap:1.5rem}.hero__subtitle[data-v-0383ec15]{font-size:1.1rem;padding:0 1rem}.hero__buttons[data-v-0383ec15]{flex-direction:column;gap:1rem;padding:0 1rem}.hero__button[data-v-0383ec15]{width:100%}.section-title[data-v-0383ec15]{font-size:2rem;margin-bottom:2rem}.features__grid[data-v-0383ec15]{grid-template-columns:1fr;padding:0 1rem}.feature-card[data-v-0383ec15]{padding:1.5rem}.code-learning-container[data-v-0383ec15]{flex-direction:column}.code-explanation[data-v-0383ec15]{min-width:auto}.snippet-container[data-v-0383ec15]{min-width:auto;width:100%}.snippet-code[data-v-0383ec15]{padding:1rem}.snippet-code[data-v-0383ec15] code{font-size:12px}.getting-started__steps[data-v-0383ec15]{flex-direction:column;align-items:center;gap:2.5rem;padding:0 1rem}.step[data-v-0383ec15]{max-width:100%}.testimonial[data-v-0383ec15]{padding:2rem 1rem}.testimonial__text[data-v-0383ec15]{font-size:1.25rem}}@media (max-width:480px){.hero__title[data-v-0383ec15]{font-size:1.75rem}.code-bracket[data-v-0383ec15]{font-size:2.5rem}.hero__subtitle[data-v-0383ec15]{font-size:1rem}.stat-number[data-v-0383ec15]{font-size:2rem}.section-title[data-v-0383ec15]{font-size:1.75rem}.feature-card__title[data-v-0383ec15]{font-size:1.25rem}.code-title[data-v-0383ec15]{font-size:1.5rem}.snippet-tabs[data-v-0383ec15]{flex-wrap:wrap}.tab[data-v-0383ec15]{padding:.25rem .5rem;font-size:.8rem}.snippet-code[data-v-0383ec15] code{font-size:11px}.testimonial__text[data-v-0383ec15]{font-size:1.1rem}}@media (max-width:320px){.hero__title[data-v-0383ec15]{font-size:1.5rem}.code-bracket[data-v-0383ec15]{font-size:2rem}}[data-v-0383ec15]:root{--primary-transparent:rgba(79,70,229,.2);--background-light:#1e1e2d;--background-lighter:#2a2a3d;--border-color:hsla(0,0%,100%,.1);--text-secondary:hsla(0,0%,100%,.7)}