:root{--accent: #FF8200;--accent-light: #FF9A33;--accent-dark: #CC6800;--navy: #003087;--bg: #010c1e;--bg-2: #041528;--surface: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .07);--text: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,48,135,.35) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(0,48,135,.2) 0%,transparent 60%);color:var(--text);line-height:1.6;min-width:320px;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ff820066;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ff8200b3}::selection{background:#ff82004d;color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#fff}a{color:inherit;text-decoration:none}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,48,135,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,48,135,.06) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;transition:all .3s ease}.navbar--scrolled{background:#0a0a14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:.85rem 0;box-shadow:0 4px 30px #0000004d}.navbar__inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:1.3rem;font-weight:700;text-decoration:none;letter-spacing:-.02em;color:#fff}.navbar__logo-bracket{color:var(--accent)}.navbar__logo-name{margin:0 .15em}.navbar__links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.navbar__link{text-decoration:none;color:#ffffffa6;font-size:.9rem;font-weight:500;transition:color .2s ease;position:relative}.navbar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);border-radius:2px;transition:width .25s ease}.navbar__link:hover,.navbar__link--active{color:#fff}.navbar__link--active:after,.navbar__link:hover:after{width:100%}.navbar__cta{display:inline-flex;align-items:center;padding:.5rem 1.25rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;box-shadow:0 0 20px #ff820066}.navbar__cta:hover{opacity:.85;transform:translateY(-1px)}.navbar__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.navbar__hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.navbar__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.navbar__hamburger{display:flex}.navbar__links{position:fixed;inset:0;background:#0a0a14f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:2.5rem;font-size:1.5rem;transform:translate(100%);transition:transform .35s ease}.navbar__links--open{transform:translate(0)}.navbar__link{font-size:1.25rem}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:8rem 2rem 6rem}.hero__canvas{position:absolute;inset:0;pointer-events:none}.hero__glow{position:absolute;width:800px;height:800px;border-radius:50%;filter:blur(130px);pointer-events:none;opacity:.45}.hero__glow--left{background:radial-gradient(circle,#FF8200,transparent);top:-150px;left:-250px}.hero__glow--right{background:radial-gradient(circle,#003087,transparent);bottom:-150px;right:-250px}.hero__content{position:relative;z-index:2;text-align:center;max-width:800px;animation:fadeUp .9s ease both}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;background:#ff82001a;border:1px solid rgba(255,130,0,.3);border-radius:999px;padding:.35rem 1rem;font-size:.8rem;color:#ffffffbf;margin-bottom:1.75rem;animation:fadeUp .9s .1s ease both}.hero__badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;animation:fadeUp .9s .2s ease both;color:#fff}.hero__name{display:inline-block}.gradient-text{background:linear-gradient(135deg,#ff8200,#003087);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__role{display:flex;align-items:center;justify-content:center;gap:2px;font-size:clamp(1.1rem,2.5vw,1.4rem);color:#fff9;font-weight:400;min-height:2rem;margin-bottom:1.75rem;animation:fadeUp .9s .3s ease both}.hero__role-text{color:var(--accent-light)}.hero__cursor{display:inline-block;width:2px;height:1.2em;background:var(--accent);margin-left:2px;animation:blink .8s step-end infinite;border-radius:1px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__description{font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.75;color:#ffffff80;max-width:580px;margin:0 auto 2.5rem;animation:fadeUp .9s .4s ease both}.hero__actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3.5rem;animation:fadeUp .9s .5s ease both;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-decoration:none;border:none}.btn--primary{background:linear-gradient(135deg,#ff8200,#003087);color:#fff;box-shadow:0 0 30px #ff820059}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #ff820080}.btn--secondary{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2)}.btn--secondary:hover{background:#ffffff0f;border-color:#ffffff59;color:#fff;transform:translateY(-2px)}.hero__stats{display:flex;align-items:center;justify-content:center;gap:2rem;animation:fadeUp .9s .6s ease both}.hero__stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.hero__stat-number{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#ff8200,#003087);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.hero__stat-label{font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.hero__stat-divider{width:1px;height:36px;background:#ffffff1a}.hero__scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff4d;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;animation:fadeUp 1s 1s ease both}.hero__scroll-mouse{width:22px;height:36px;border:1.5px solid rgba(255,255,255,.2);border-radius:999px;display:flex;justify-content:center;padding-top:6px}.hero__scroll-wheel{width:3px;height:7px;background:#ffffff4d;border-radius:999px;animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.hero__stats{gap:1.25rem}.hero__stat-number{font-size:1.4rem}}.project-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:.85rem;transition:transform .15s ease,box-shadow .3s ease,border-color .3s ease;transform-style:preserve-3d;will-change:transform;overflow:hidden;animation:cardReveal .6s ease both}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.project-card:hover{border-color:#ff820040;box-shadow:0 20px 60px #0006,0 0 0 1px #ff82001a}.project-card--featured{background:#ff82000a;border-color:#ff820026}.project-card__shine{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.04) 0%,transparent 70%);border-radius:inherit;pointer-events:none;transition:opacity .3s ease}.project-card__border-glow{position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,130,0,.3),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .3s ease}.project-card:hover .project-card__border-glow{opacity:1}.project-card__featured-badge{position:absolute;top:1.25rem;right:1.25rem;display:inline-flex;align-items:center;gap:.35rem;background:#ff820026;border:1px solid rgba(255,130,0,.3);color:#ff9a33;font-size:.7rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.project-card__icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.bg-gradient-1{background:linear-gradient(135deg,#cc6800,#ff8200)}.bg-gradient-2{background:linear-gradient(135deg,#0891b2,#2563eb)}.bg-gradient-3{background:linear-gradient(135deg,#059669,#0d9488)}.bg-gradient-4{background:linear-gradient(135deg,#ea580c,#e11d48)}.bg-gradient-5{background:linear-gradient(135deg,#ca8a04,#d97706)}.bg-gradient-6{background:linear-gradient(135deg,#db2777,#c026d3)}.project-card__icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.project-card__category{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:600}.project-card__title{font-size:1.2rem;font-weight:700;color:#fff;line-height:1.3;margin:0}.project-card__desc{font-size:.875rem;line-height:1.65;color:#ffffff73;margin:0;flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.project-card__tag{font-size:.72rem;padding:.25rem .65rem;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ffffff80;font-family:JetBrains Mono,Fira Code,monospace;font-weight:500}.project-card__actions{display:flex;gap:.65rem;margin-top:.5rem}.project-card__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s ease}.project-card__btn--ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffa6}.project-card__btn--ghost:hover{background:#ffffff1a;color:#fff}.project-card__btn--primary{background:linear-gradient(135deg,#ff8200cc,#003087cc);color:#fff;border:none}.project-card__btn--primary:hover{background:linear-gradient(135deg,#ff8200,#003087);transform:translateY(-1px);box-shadow:0 6px 20px #ff82004d}.projects{padding:7rem 2rem;position:relative}.projects__inner{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3.5rem}.section-label{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:.75rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:#fff;margin:0 0 1rem;line-height:1.15}.section-sub{font-size:1rem;color:#ffffff73;max-width:480px;margin:0 auto;line-height:1.7}.projects__filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:3rem}.filter-btn{padding:.45rem 1.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#ffffff80;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.filter-btn:hover{border-color:#fff3;color:#fffc;background:#ffffff0f}.filter-btn--active{background:linear-gradient(135deg,#8b5cf633,#06b6d433);border-color:#8b5cf666;color:#fff}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}@media(max-width:768px){.projects{padding:5rem 1.25rem}.projects__grid{grid-template-columns:1fr}}.about{padding:7rem 2rem;position:relative}.about:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,130,0,.04) 0%,transparent 70%);pointer-events:none}.about__inner{max-width:1200px;margin:0 auto}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:1rem}.about__bio{display:flex;flex-direction:column;gap:1.5rem}.about__avatar{position:relative;width:110px;height:110px}.about__avatar-ring{position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#ff8200,#003087);padding:2px;animation:spin 8s linear infinite}.about__avatar-placeholder{position:relative;width:100%;height:100%;border-radius:50%;background:#ffffff0d;border:3px solid rgba(10,10,20,1);display:flex;align-items:center;justify-content:center;overflow:hidden}.about__avatar-photo{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:38% 5%;border:3px solid rgba(10,10,20,1)}.about__text{display:flex;flex-direction:column;gap:1rem}.about__text p{font-size:.95rem;line-height:1.75;color:#ffffff8c;margin:0}.about__text strong{color:#ffffffd9;font-weight:600}.about__badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.about__badge-item{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem .85rem;font-size:.8rem;color:#ffffff80}.about__resume-btn{align-self:flex-start;margin-top:.5rem}.about__skills-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin:0 0 1.25rem}.about__bars{display:flex;flex-direction:column;gap:1.1rem}.skill-bar__header{display:flex;justify-content:space-between;margin-bottom:.4rem}.skill-bar__name{font-size:.85rem;color:#ffffffb3;font-weight:500}.skill-bar__level{font-size:.78rem;color:var(--accent);font-weight:600}.skill-bar__track{height:5px;background:#ffffff0f;border-radius:999px;overflow:hidden}.skill-bar__fill{height:100%;background:linear-gradient(90deg,#ff8200,#003087);border-radius:999px;transition:width 1s cubic-bezier(.25,1,.5,1)}.about__tools{display:flex;flex-wrap:wrap;gap:.5rem}.about__tool{font-size:.75rem;padding:.3rem .75rem;border-radius:6px;background:#ff820014;border:1px solid rgba(255,130,0,.15);color:#ffffff8c;font-weight:500;transition:all .2s ease}.about__tool:hover{background:#ff820026;color:#ff9a33;border-color:#ff82004d}@media(max-width:900px){.about__grid{grid-template-columns:1fr;gap:3rem}}@media(max-width:768px){.about{padding:5rem 1.25rem}}.contact{padding:7rem 2rem;position:relative;overflow:hidden}.contact__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(255,130,0,.06) 0%,transparent 70%);pointer-events:none}.contact__inner{max-width:1100px;margin:0 auto}.contact__grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3.5rem;align-items:start;margin-top:1rem}.contact__info{display:flex;flex-direction:column;gap:1rem}.contact__card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;transition:border-color .2s,background .2s}.contact__card:hover{background:#ffffff0a;border-color:#ff820033}.contact__card-icon{width:44px;height:44px;border-radius:12px;background:#ff82001f;border:1px solid rgba(255,130,0,.2);display:flex;align-items:center;justify-content:center;color:#ff9a33;flex-shrink:0}.contact__card-label{font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.2rem}.contact__card-value{font-size:.9rem;color:#ffffffb3;font-weight:500}.contact__socials{display:flex;gap:.75rem;padding-top:.5rem}.contact__social{width:42px;height:42px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#ffffff80;text-decoration:none;transition:all .2s ease}.contact__social:hover{background:#ff82001f;border-color:#ff82004d;color:#ff9a33;transform:translateY(-2px)}.contact__form{display:flex;flex-direction:column;gap:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.8rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.form-input{width:100%;padding:.8rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#ffffffd9;font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.form-input::placeholder{color:#fff3}.form-input:focus{border-color:#ff820080;box-shadow:0 0 0 3px #ff82001a;background:#ff82000a}.form-textarea{resize:vertical;min-height:120px}.contact__submit{width:100%;justify-content:center;padding:.9rem;font-size:.95rem}.contact__submit:disabled{opacity:.75;cursor:default}.contact__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.contact__grid{grid-template-columns:1fr}}@media(max-width:768px){.contact{padding:5rem 1.25rem}}.detail{min-height:100vh;position:relative;padding-bottom:5rem}.detail__glow{position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,48,135,.35),transparent 70%);pointer-events:none;z-index:0}.detail__header{position:sticky;top:0;z-index:50;background:#08080fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:1.25rem 0}.detail__header-inner{max-width:1100px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.detail__back{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.82rem;font-weight:600;padding:.45rem .9rem;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s ease;flex-shrink:0}.detail__back:hover{background:#ffffff17;color:#fff}.detail__title-group{display:flex;align-items:center;gap:.9rem;flex:1;min-width:0}.detail__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.detail__category{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);display:block;margin-bottom:.15rem}.detail__title{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:auto}.detail__body{max-width:1100px;margin:0 auto;padding:2.5rem 2rem 0;position:relative;z-index:1;display:flex;flex-direction:column;gap:2.5rem}.detail__section{display:flex;flex-direction:column;gap:1rem}.detail__section-title{display:flex;align-items:center;gap:.55rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin:0}.detail__overview{font-size:1rem;line-height:1.8;color:#fff9;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.5rem;margin:0}.desc-editor{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}.desc-editor__header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06)}.desc-editor__label{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.08em}.desc-editor__saved{display:flex;align-items:center;gap:.3rem;font-size:.72rem;color:#22c55e;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.desc-editor__area{width:100%;background:transparent;border:none;outline:none;padding:1.25rem;color:#ffffffbf;font-size:.95rem;line-height:1.75;font-family:inherit;resize:vertical;min-height:140px;box-sizing:border-box}.desc-editor__area::placeholder{color:#ffffff2e}.desc-editor__area:focus{background:#ff820008}.desc-editor__hint{font-size:.7rem;color:#fff3;padding:.5rem 1.25rem .8rem;margin:0;font-style:italic}.code-viewer{border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:#00000059}.code-viewer__tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.06);scrollbar-width:none}.code-viewer__tabs::-webkit-scrollbar{display:none}.code-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.1rem;background:none;border:none;border-right:1px solid rgba(255,255,255,.06);color:#ffffff59;font-size:.78rem;font-weight:500;font-family:JetBrains Mono,Fira Code,monospace;cursor:pointer;white-space:nowrap;transition:all .15s ease}.code-tab:hover{color:#ffffffa6;background:#ffffff08}.code-tab--active{color:#ffffffe6;background:#8b5cf614;border-bottom:2px solid var(--accent)}.code-viewer__toolbar{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff03}.code-viewer__filename{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#fff6;font-family:JetBrains Mono,monospace}.code-viewer__meta{font-size:.7rem;color:#fff3;margin-left:auto}.code-viewer__copy{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff6;font-size:.72rem;font-family:inherit;padding:.28rem .65rem;border-radius:6px;cursor:pointer;transition:all .15s ease}.code-viewer__copy:hover{background:#ffffff14;color:#ffffffb3}.code-viewer__scroller{display:flex;overflow:auto;max-height:540px}.code-viewer__gutter{padding:1.1rem .75rem;text-align:right;-webkit-user-select:none;user-select:none;color:#ffffff1f;font-size:.76rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;line-height:1.6;border-right:1px solid rgba(255,255,255,.05);background:#0003;min-width:3rem;flex-shrink:0}.code-viewer__code{padding:1.1rem 1.25rem;font-size:.8rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;line-height:1.6;color:#cdd6f4;margin:0;flex:1;overflow-x:auto;white-space:pre;tab-size:4}.hl-keyword{color:#cba6f7;font-weight:600}.hl-type{color:#89dceb}.hl-method{color:#89b4fa}.hl-string{color:#a6e3a1}.hl-comment{color:#585b70;font-style:italic}.hl-number{color:#fab387}.hl-annotation{color:#f38ba8}.demo-video{border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:#000}.demo-video__player{width:100%;display:block;max-height:600px;outline:none}.terminal{border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:#0a0a12}.terminal__bar{display:flex;align-items:center;gap:.45rem;padding:.65rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.terminal__dot{width:12px;height:12px;border-radius:50%}.terminal__dot--red{background:#ff5f57}.terminal__dot--yellow{background:#febc2e}.terminal__dot--green{background:#28c840}.terminal__bar-title{margin-left:.5rem;font-size:.72rem;color:#ffffff40;font-family:JetBrains Mono,monospace}.terminal__body{padding:1.25rem 1.5rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.7;color:#a6e3a1;margin:0;overflow-x:auto;white-space:pre;max-height:480px;overflow-y:auto}.detail-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:#ffffff80}@media(max-width:768px){.detail__header-inner{padding:0 1.25rem;gap:1rem}.detail__tags{margin-left:0;width:100%}.detail__body{padding:1.5rem 1.25rem 0}.detail__title{white-space:normal}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}