:root{--bg-dark:#000;--surface-glass:#0f0f12bf;--text-main:#f5f5f7;--text-muted:#86868b;--accent-blue:#2997ff;--accent-purple:#8684ff;--border-color:#ffffff1f;--border-hover:#2997ff66;--shadow-subtle:0 8px 32px #0006;--shadow-hover:0 16px 48px #0009}html,body{-webkit-text-size-adjust:100%;background-color:#000;width:100%;margin:0;padding:0;overflow-x:hidden}.hero-root{background-color:var(--bg-dark);width:100%;max-width:1400px;min-height:100dvh;color:var(--text-main);box-sizing:border-box;justify-content:center;align-items:center;margin:0 auto;padding:90px 20px 50px;display:flex;position:relative;overflow:hidden}.hero-video-container{z-index:0;pointer-events:none;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-background-video{object-fit:cover;object-position:center;width:100%;min-width:100%;height:100%;min-height:100%}.hero-video-overlay{z-index:1;background:#000000d1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{z-index:2;box-sizing:border-box;justify-content:center;width:100%;max-width:800px;display:flex;position:relative}.hero-content{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;display:flex}.hero-pill{color:var(--accent-blue);letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;text-align:center;background:#2997ff14;border:1px solid #2997ff40;border-radius:30px;align-items:center;gap:8px;max-width:100%;min-height:32px;margin-bottom:20px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.pulse-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:6px;height:6px;display:flex;position:relative}.blue-ping{background-color:var(--accent-blue);opacity:.6;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(0,0,.2,1) infinite pulsePing;position:absolute}.blue-pulse-dot{background-color:var(--accent-blue);border-radius:50%;width:6px;height:6px;position:relative}@keyframes pulsePing{75%,to{opacity:0;transform:scale(3)}}.typewriter-text{white-space:normal;word-break:break-word;align-items:center;display:inline-flex}.cursor{color:var(--accent-blue);margin-left:2px;font-weight:300;animation:.8s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-title{letter-spacing:-.03em;color:var(--text-main);box-sizing:border-box;width:100%;margin:0 0 14px;font-size:clamp(34px,7.5vw,52px);font-weight:600;line-height:1.15}.hero-subtitle{color:var(--text-muted);font-size:clamp(1.1rem,2.2vw,1.9rem);font-weight:500}.highlight-text{background:linear-gradient(135deg,#2997ff 0%,#8684ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--text-muted);box-sizing:border-box;max-width:800px;margin:0 0 28px;padding:0 4px;font-size:clamp(.95rem,1.5vw,1.05rem);font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-bottom:32px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;box-sizing:border-box;border-radius:980px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--text-main);color:#000;border:1px solid #0000;box-shadow:0 4px 14px #ffffff26}.btn-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff40}.btn-secondary{background:var(--surface-glass);color:var(--text-main);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-subtle)}.btn-secondary:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);background:#19191ee6;transform:translateY(-2px)}.btn-download{-webkit-user-select:none;user-select:none;outline:none;justify-content:center;min-width:175px;transition:border-color .3s,background .3s;position:relative;overflow:hidden}.btn-download .btn-content{z-index:3;align-items:center;gap:10px;display:inline-flex;position:relative}.download-progress-track{z-index:1;background:0 0;border-radius:980px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.download-progress-bar{background:linear-gradient(90deg,#2997ff1f,#2997ff47);border-radius:980px;width:0%;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.btn-download.downloading{cursor:wait;border-color:#2997ff80}.btn-download.downloading .download-progress-bar{animation:1.8s cubic-bezier(.25,1,.5,1) forwards fillProgressBar}.btn-download.downloading .icon-spinner{color:var(--accent-blue);animation:.9s cubic-bezier(.4,0,.2,1) infinite spinIcon}.btn-download.completed{color:#30d158;background:#30d1581f;border-color:#30d15873;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popSuccess;box-shadow:0 4px 20px #30d15840}.btn-download.completed .download-progress-bar{background:#30d15833;width:100%!important}.btn-download.completed .icon-check{color:#30d158;animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards scaleCheck}@keyframes fillProgressBar{0%{width:0%}30%{width:35%}70%{width:80%}to{width:100%}}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes popSuccess{0%{transform:scale(.96)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes scaleCheck{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.code-card{background:var(--surface-glass);border:1px solid var(--border-color);text-align:left;-webkit-backdrop-filter:blur(20px);width:100%;max-width:420px;box-shadow:var(--shadow-subtle);box-sizing:border-box;border-radius:16px;margin-bottom:28px;padding:14px 16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.code-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.code-card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;display:flex}.code-dots{gap:6px;display:flex}.dot{border-radius:50%;width:9px;height:9px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-title{color:var(--text-muted);font-size:.72rem}.code-fixed-box{flex-direction:column;justify-content:flex-start;height:115px;display:flex;position:relative;overflow:hidden}.code-content{color:var(--accent-blue);white-space:pre-wrap;word-break:break-all;margin:0;font-size:clamp(.72rem,2vw,.78rem);line-height:1.55}.code-skeleton{flex-direction:column;gap:8px;padding-top:4px;display:flex}.skeleton-line{background:#ffffff14;border-radius:4px;height:9px}.w-75{width:75%}.w-50{width:50%}.w-100{width:95%}.w-60{width:60%}.w-40{width:40%}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#2997ff26,#0000);width:150%;height:100%;animation:1.4s infinite shimmerAnim;position:absolute;top:0;left:-150%}@keyframes shimmerAnim{0%{transform:translate(0)}to{transform:translate(200%)}}.tech-section{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.tech-title{color:var(--text-muted);letter-spacing:.1em;font-size:.7rem;font-weight:600}.tech-icons{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:flex}.tech-icon-box{background:var(--surface-glass);border:1px solid var(--border-color);color:#d1d1d6;-webkit-backdrop-filter:blur(10px);width:40px;height:40px;box-shadow:var(--shadow-subtle);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}.tech-icon-box:hover{color:var(--accent-blue);border-color:var(--border-hover);box-shadow:var(--shadow-hover);background:#19191ee6;transform:translateY(-2px)}.tech-icon-box:after{content:attr(data-tooltip);color:#1a1a1a;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:10;background:#fff;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #0003}.tech-icon-box:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:10;border:4px solid #0000;border-top-color:#fff;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(4px)}.tech-icon-box:hover:after,.tech-icon-box:hover:before{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (max-width:480px){.hero-root{padding:70px 14px 36px}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary,.btn-download{width:100%}.code-card{max-width:100%;padding:12px 14px}}