@import url("https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#0b0c0e;--surface:#151619;--surface-2:#1a1b1f;--border:#2b2d31;--muted:#92939a;--text:#f4f4f5;--green:#00f5a0;--green-dark:#087d58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--green);color:#06100c}.page{min-height:100vh;overflow:hidden}.container{width:min(1100px,calc(100% - 40px));margin:0 auto}.header{position:relative;padding:76px 0 62px;text-align:center}.header:after,.header:before{content:"";position:absolute;width:74px;height:74px;border:3px solid var(--green);opacity:.95}.header:before{left:-25px;top:8px;border-right:0;border-bottom:0;border-radius:30px 0 0 0}.header:after{right:-25px;bottom:18px;border-left:0;border-top:0;border-radius:0 0 30px 0}.brand{display:inline-flex;align-items:center;gap:14px}.logo{width:52px;height:52px;border:3px solid var(--text);border-radius:12px;display:grid;place-items:center;position:relative}.logo:after{content:"";width:25px;height:25px;border:3px solid var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(0,245,160,.08)}.brand h1{margin:0;font:700 30px/1 Oxanium,sans-serif;letter-spacing:-.8px}.tagline{margin:22px 0 12px;color:var(--muted);font-size:18px}.byline{color:var(--green);font-weight:600}.section-title{display:flex;align-items:center;gap:20px;margin:0 0 28px}.section-title:before{content:"";width:135px;height:6px;background:var(--green);-webkit-clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.section-title h2{margin:0;font:700 42px/1 Oxanium,sans-serif;letter-spacing:-1px}.search-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:18px;display:flex;gap:12px}.input-wrap{flex:1 1;position:relative}.input-wrap svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--muted)}.search-input{width:100%;height:64px;border:0;outline:0;border-radius:12px;padding:0 54px;background:#101114;color:var(--text);font-size:17px}.search-input::placeholder{color:#777980}.clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);cursor:pointer}.primary-button{min-width:145px;border:0;border-radius:13px;background:var(--green);color:#06100c;font:700 18px Oxanium,sans-serif;cursor:pointer;box-shadow:0 5px 0 #087d58;transition:transform .12s ease,filter .12s ease}.primary-button:hover{filter:brightness(1.05)}.primary-button:active{transform:translateY(4px);box-shadow:0 1px 0 #087d58}.primary-button:disabled{opacity:.55;cursor:wait}.error{margin-top:14px;color:#ff7777}.steps{margin-top:52px;background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:32px}.eyebrow{margin:0 0 26px;color:var(--green);font:700 17px Oxanium,sans-serif;letter-spacing:2px}.step{display:grid;grid-template-columns:54px 1fr;grid-gap:18px;gap:18px;align-items:center;margin:20px 0}.step-number{width:48px;height:48px;border:2px solid var(--green);color:var(--green);border-radius:50%;display:grid;place-items:center;font:600 20px Oxanium,sans-serif}.step p{margin:0;color:#a7a8ae;font-size:19px}.result-area{margin-top:64px}.video-card{display:grid;grid-template-columns:minmax(260px,420px) 1fr;grid-gap:30px;gap:30px;margin-bottom:48px}.video-preview{aspect-ratio:9/16;max-height:600px;border-radius:14px;overflow:hidden;background:#16171a;border:1px solid var(--border);position:relative}.video-preview img,.video-preview video{width:100%;height:100%;object-fit:cover}.video-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted)}.video-info{padding-top:4px}.caption{margin:0 0 25px;color:#c7c8cd;font-size:20px;line-height:1.65}.stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:28px 45px;gap:28px 45px}.stat-label{color:var(--muted);text-transform:uppercase;font:600 14px Oxanium,sans-serif;letter-spacing:1.4px}.stat-value{margin-top:8px;font:600 25px Oxanium,sans-serif}.preset-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}.preset-heading .line{width:135px;height:6px;background:var(--green);-webkit-clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.preset-heading h3{margin:0;font:700 34px Oxanium,sans-serif}.count{min-width:48px;height:48px;padding:0 12px;border:1px solid #008c61;border-radius:13px;display:grid;place-items:center;color:var(--green);font:700 22px Oxanium,sans-serif}.preset-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:25px;display:grid;grid-template-columns:140px 1fr;grid-gap:24px;gap:24px;margin:16px 0}.thumb{width:140px;height:140px;border-radius:12px;overflow:hidden;background:#1b1c20;border:1px solid #303137;display:grid;place-items:center;color:var(--muted);font:700 22px Oxanium,sans-serif}.thumb img{width:100%;height:100%;object-fit:cover}.preset-title{margin:0 0 12px;font:700 22px/1.35 Oxanium,sans-serif}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.badge{padding:8px 13px;border-radius:10px;border:1px solid #34363c;color:#a9aab0;font:600 14px Oxanium,sans-serif}.badge.green{border-color:#008c61;color:var(--green)}.source{color:#898a90;margin-bottom:14px}.preset-url{color:#97989e;font:17px/1.5 Oxanium,sans-serif;word-break:break-all;margin-bottom:18px}.actions{display:flex;flex-wrap:wrap;gap:12px}.action{min-height:50px;padding:0 24px;border-radius:11px;border:1px solid #303239;background:transparent;color:#a6a7ad;cursor:pointer;font:600 17px Oxanium,sans-serif}.action.primary{border-color:var(--green);background:var(--green);color:#06100c}.footer{margin-top:80px;padding:65px 0 35px;border-top:1px solid #25262a;background:#151619}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-gap:50px;gap:50px}.footer p{color:#999aa0;line-height:1.8}.footer h4{color:var(--green);font:700 17px Oxanium,sans-serif;letter-spacing:1.5px}.footer-links{display:grid;grid-gap:15px;gap:15px;color:#9b9ca2}.copyright{margin-top:45px;padding-top:25px;border-top:1px solid #2b2c30;color:#77787e}.loading{margin-top:30px;color:var(--green);font-family:Oxanium,sans-serif}@media (max-width:760px){.container{width:min(100% - 26px,1100px)}.header{padding:55px 0 48px}.header:after,.header:before{width:48px;height:48px}.brand h1{font-size:24px}.logo{width:45px;height:45px}.tagline{font-size:15px}.section-title h2{font-size:34px}.preset-heading .line,.section-title:before{width:100px}.search-card{flex-direction:column;padding:12px}.primary-button{height:58px}.steps{padding:25px 20px}.step{grid-template-columns:48px 1fr;gap:14px}.step p{font-size:16px;line-height:1.5}.video-card{grid-template-columns:1fr}.video-preview{width:min(100%,390px);margin:0 auto}.preset-heading h3{font-size:27px}.preset-card{grid-template-columns:90px 1fr;gap:16px;padding:17px}.thumb{width:90px;height:90px}.preset-title{font-size:18px}.preset-url{font-size:14px}.action{width:100%}.footer-grid{grid-template-columns:1fr;gap:25px}}@media (max-width:430px){.section-title{gap:12px}.preset-heading .line,.section-title:before{width:72px;height:5px}.section-title h2{font-size:30px}}