@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Cabinet+Grotesk:wght@400;500;600&display=swap";:root{--bg-0: #010101;--bg-1: #020207;--panel: rgba(3, 5, 14, .88);--panel-strong: rgba(3, 5, 14, .94);--border: rgba(255, 255, 255, .14);--border-strong: rgba(138, 99, 233, .42);--accent: #76ccfc;--accent-2: #8a63e9;--text: #f3f8ff;--muted: #b6c5de;--shadow-soft: 0 18px 60px rgba(2, 6, 15, .45);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:"Space Grotesk","Cabinet Grotesk",system-ui,sans-serif;background:radial-gradient(120% 120% at 50% 20%,rgba(118,204,252,.16),transparent 60%),radial-gradient(100% 100% at 50% 90%,rgba(0,0,0,.6),transparent 70%),radial-gradient(120% 120% at 18% 20%,rgba(118,204,252,.24),transparent 52%),radial-gradient(120% 120% at 78% 80%,rgba(138,99,233,.22),transparent 52%),linear-gradient(140deg,#010101 0%,#020207 44%,#07122e 100%);overflow:hidden;min-height:100vh;min-height:100dvh;color:var(--text);letter-spacing:.01em}body:before{content:"";position:fixed;inset:-10%;pointer-events:none;background:radial-gradient(30% 30% at 50% 10%,rgba(255,255,255,.1),transparent 60%),radial-gradient(20% 20% at 12% 60%,rgba(118,204,252,.16),transparent 70%),radial-gradient(18% 18% at 84% 32%,rgba(138,99,233,.14),transparent 72%);mix-blend-mode:screen;opacity:.8;z-index:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.06) 0%,transparent 12%,transparent 88%,rgba(255,255,255,.04) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px);opacity:.5;z-index:0}@media (max-width: 768px){body:after{display:none}}canvas{display:block}.portfolio-mobile-preset-title{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:4;pointer-events:none;padding:7px 14px;border-radius:999px;background:rgba(7,11,22,.78);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-soft);color:var(--text);font-size:11px;letter-spacing:.16em;text-transform:uppercase;backdrop-filter:blur(10px)}.landing-active .portfolio-controls{opacity:0;pointer-events:none}.portfolio-controls{position:fixed;top:16px;right:16px;width:min(340px,calc(100vw - 28px));max-height:calc(var(--vh, 1vh) * 100 - 12px);padding:46px 16px 16px;border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(6,10,24,.95),rgba(2,4,12,.94));border:1px solid rgba(118,204,252,.14);box-shadow:var(--shadow-soft),0 0 0 1px #ffffff04 inset;display:flex;flex-direction:column;gap:12px;overflow:hidden;--panel-x: 0;--panel-y: 0;transform:translate(var(--panel-x),var(--panel-y));transform-origin:top center;transition:max-height .28s ease,padding .28s ease,opacity .28s ease;backdrop-filter:blur(10px) saturate(1.1);z-index:3}.portfolio-controls:before{content:"";position:absolute;inset:0;background:radial-gradient(55% 55% at 20% 0%,rgba(118,204,252,.18),transparent 60%),radial-gradient(48% 48% at 90% 16%,rgba(138,99,233,.16),transparent 60%);opacity:.9;pointer-events:none}.portfolio-controls__panel-toggle{position:absolute;left:50%;transform:translate(-51%);width:calc(100% - 42px);max-width:360px;top:7px;height:30px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(8,14,32,.97),rgba(3,6,17,.94));color:var(--text);cursor:pointer;z-index:8;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.portfolio-controls__panel-toggle:hover{border-color:#79f2ffb3;color:#dffaff}.portfolio-controls__drawer{display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;padding-bottom:12px;min-height:0;max-height:calc(var(--vh, 1vh) * 100 - 140px);position:relative;z-index:1;scrollbar-gutter:stable;-ms-overflow-style:none;scrollbar-width:none}.portfolio-controls__drawer::-webkit-scrollbar{width:0;height:0;display:none}.portfolio-controls__shortcuts-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e1ecffdb;margin-bottom:10px}.portfolio-controls__section{border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(6,10,24,.94),rgba(3,5,14,.9));box-shadow:0 12px 34px #0208105c;overflow:hidden;position:relative}.ui-section{overflow:visible}.portfolio-controls__section:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 40% at 50% -10%,rgba(138,99,233,.22),transparent 55%);opacity:.6}.ui-section__header{width:100%;padding:11px 14px;background:transparent;color:var(--text);display:flex;justify-content:space-between;align-items:center;border:none;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:1}.ui-section__chevron{transition:transform .22s ease;color:var(--muted);margin-right:-5px}.ui-section--collapsed .ui-section__chevron{transform:rotate(-90deg)}.ui-section__content{overflow:visible;transition:max-height .25s ease,opacity .22s ease}.ui-section__content-inner{padding:10px 14px 14px;display:grid;gap:10px;position:relative;z-index:1;overflow:visible}.portfolio-controls__actions{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px}.portfolio-controls__button,.portfolio-controls__select{border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(7,13,30,.97),rgba(3,7,19,.93));color:var(--text);padding:9px 11px;font:inherit;cursor:pointer;letter-spacing:.02em;transition:transform .12s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.portfolio-controls__select option{color:#e8f1ff;background:#0b1420}.portfolio-controls__button:hover,.portfolio-controls__select:hover{border-color:#76ccfcb8;box-shadow:0 12px 22px #122e5c57}.portfolio-controls__button:active{transform:translateY(1px)}.portfolio-controls__button--play{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:radial-gradient(110% 110% at 30% 20%,rgba(118,204,252,.3),transparent 62%),linear-gradient(180deg,rgba(20,34,92,.96),rgba(6,12,30,.95));border-color:#76ccfcad;box-shadow:0 0 0 1px #76ccfc59 inset}.qualityMenu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:100%;margin-top:2px}.qualityPicker{display:grid;gap:8px}.qualityToggle{display:none;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.24);background:rgba(12,20,37,.92);color:var(--text);padding:10px 12px;text-align:left;cursor:pointer;letter-spacing:.04em}.qualityOption{border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(13,21,36,.9),rgba(12,18,32,.92));color:#e7f0ffeb;min-height:38px;padding:9px 0;text-align:center;cursor:pointer;font-size:12px;letter-spacing:.06em;transition:background .18s ease,border-color .18s ease,transform .12s ease,box-shadow .18s ease}.qualityOption:hover{border-color:#8a63e9bd;background:rgba(26,28,70,.94);box-shadow:0 10px 24px #19134466}.qualityOption:active{transform:translateY(1px)}.qualityOption.is-active{border-color:#ffffffe0;background:linear-gradient(160deg,rgba(118,204,252,.3),rgba(138,99,233,.84));color:#f5f9ff;box-shadow:inset 0 0 0 1px #ffffff42,0 14px 28px #2c216e73}.portfolio-preset-hud{position:fixed;top:18px;left:18px;z-index:30;display:flex;flex-direction:column;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(7,12,24,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px #02060f2e;pointer-events:auto}.portfolio-preset-hud__list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.portfolio-preset-hud__button{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(10,16,30,.42);color:#e8f1ffc7;font:inherit;font-size:12px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.portfolio-preset-hud__button:hover{transform:translateY(-1px);border-color:#76ccfc61;color:#fffffff5;background:rgba(9,18,39,.62)}.portfolio-preset-hud__button.is-active{border-color:#79f2ff94;background:linear-gradient(180deg,rgba(118,204,252,.16),rgba(138,99,233,.14)),rgba(6,11,25,.8);color:#f5fbff;box-shadow:0 0 0 1px #79f2ff14 inset,0 10px 24px #08142238}.portfolio-preset-hud__button:focus-visible{outline:none;border-color:#76ccfcbd;box-shadow:0 0 0 2px #79f2ff29,0 10px 24px #08142238}.portfolio-preset-hud__index{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9db4d8bd}.portfolio-preset-hud__label{font-size:12px;font-weight:500;color:inherit}.portfolio-controls__button:focus-visible,.portfolio-controls__select:focus-visible,.portfolio-controls__panel-toggle:focus-visible,.ui-section__header:focus-visible,.qualityOption:focus-visible,.portfolio-controls__slider input[type=range]:focus-visible{outline:none;border-color:#76ccfcd1;box-shadow:0 0 0 2px #76ccfc2e,0 10px 24px #08182a47}@media (max-width: 768px){.portfolio-preset-hud{top:14px;left:14px;right:14px;padding:9px 10px;gap:8px}.portfolio-preset-hud__list{gap:6px}.portfolio-preset-hud__button{min-height:30px;padding:0 10px;font-size:11px}.portfolio-preset-hud__label{font-size:11px}}@media (prefers-reduced-motion: reduce){.portfolio-preset-hud,.portfolio-preset-hud__button,.portfolio-controls__button,.portfolio-controls__panel-toggle,.portfolio-controls__select,.ui-section__content{transition:none!important}}.portfolio-controls__slider{display:grid;gap:6px}.portfolio-controls__slider-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.portfolio-controls__slider input[type=range]{width:100%;appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(90,180,238,.96),rgba(254,254,254,.9),rgba(138,99,233,.82));position:relative;outline:none}.portfolio-controls__slider input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dffaff,#7cf0ff);box-shadow:0 6px 14px #00000073;border:1px solid rgba(255,255,255,.45);cursor:pointer}.portfolio-controls__slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dffaff,#7cf0ff);box-shadow:0 6px 14px #00000073;border:1px solid rgba(255,255,255,.45);cursor:pointer}.portfolio-controls__button--upload,.portfolio-controls__button--reset{width:100%;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.portfolio-controls__reset-row{margin-top:4px;position:sticky;bottom:0;padding-top:8px;padding-bottom:2px;background:linear-gradient(180deg,rgba(8,12,26,.72),rgba(7,10,22,.92));z-index:2}.portfolio-controls--collapsed{--panel-x: 0;--panel-y: 0;max-height:none;height:auto;gap:0;padding:24px 12px 22px;box-shadow:none}.portfolio-controls--collapsed .portfolio-controls__drawer{opacity:0;pointer-events:none;max-height:0;padding:0;margin:0;overflow:hidden}.portfolio-controls--collapsed .qualityMenu{display:none!important}.portfolio-controls--collapsed .ui-section__content{max-height:0!important;opacity:0!important;overflow:hidden;transition:none!important}@media (max-width: 768px){.portfolio-controls__panel-toggle{top:4px}.portfolio-controls{width:min(420px,calc(100vw - 20px));left:50%;right:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));top:auto;border-radius:18px;--panel-x: -50%;padding-top:48px;padding-bottom:calc(0px + env(safe-area-inset-bottom,0px));max-height:clamp(340px,64vh,calc(var(--vh, 1vh) * 100 - 120px));box-shadow:0 14px 48px #0308128c}.ui-section__chevron{margin-right:-4px}.portfolio-controls--collapsed{--panel-y: 0;max-height:none;height:auto;gap:0;padding:20px 12px 18px}.qualityToggle{display:none}.qualityMenu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:static;width:100%;max-height:min(170px,38vh);overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(7,14,31,.92);padding:6px;z-index:auto}.portfolio-controls__drawer{-webkit-overflow-scrolling:touch}}@media (max-width: 640px){.qualityToggle{display:none}.qualityMenu{display:grid}.qualityMenu.is-open{display:grid}}@media (min-width: 769px){.portfolio-mobile-preset-title{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (max-height: 900px){.portfolio-controls{top:auto;right:auto;left:50%;bottom:12px;--panel-x: -50%;width:280px;max-height:calc(var(--vh, 1vh) * 100 - 24px);gap:6px;border-radius:18px;overflow:hidden}.portfolio-controls__panel-toggle{top:7px;left:50%;transform:translate(-50%);height:24px;width:calc(100% - 20px)}.portfolio-controls__drawer{flex:1;min-height:0;max-height:calc(var(--vh, 1vh) * 100 - 78px);overflow-y:auto!important;overflow-x:hidden;padding-right:6px;padding-bottom:14px;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.portfolio-controls__drawer::-webkit-scrollbar{width:7px;display:block}.portfolio-controls__drawer::-webkit-scrollbar-track{background:transparent}.portfolio-controls__drawer::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}.ui-section__header{padding:8px 10px;font-size:9px;letter-spacing:.12em}.ui-section__content-inner{padding:7px 10px 10px;gap:6px}.portfolio-controls__button,.portfolio-controls__select{min-height:34px;padding:7px 9px;font-size:11px;border-radius:12px}.portfolio-controls__button--play{width:38px;height:38px}.portfolio-controls__slider{gap:4px}.portfolio-controls__slider-label{font-size:10px;letter-spacing:.05em}.portfolio-controls__slider input[type=range]{height:5px}.portfolio-controls__slider input[type=range]::-webkit-slider-thumb{width:14px;height:14px}.portfolio-controls__slider input[type=range]::-moz-range-thumb{width:14px;height:14px}.qualityOption{min-height:30px;padding:6px 0;font-size:10px;border-radius:10px}}@media (max-height: 760px){.portfolio-controls{width:min(300px,calc(100vw - 16px))}.portfolio-controls__drawer{padding-right:6px}.ui-section__header{padding:7px 9px;font-size:9px}.ui-section__content-inner{padding:6px 9px 9px;gap:5px}}.landing{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;opacity:1;transition:opacity .32s ease;background:radial-gradient(circle at center,rgba(8,18,48,.1),rgba(1,1,1,.26)),radial-gradient(70vw 60vh at 18% 16%,rgba(118,204,252,.24),transparent 60%),radial-gradient(62vw 52vh at 84% 84%,rgba(138,99,233,.22),transparent 64%),linear-gradient(140deg,rgba(4,8,20,.97),rgba(1,1,1,.94));backdrop-filter:blur(14px) saturate(1.05)}.landing--leaving{opacity:0}.landing:before,.landing:after{content:"";position:absolute;pointer-events:none;z-index:0}.landing:before{inset:-10%;background:radial-gradient(circle at 20% 25%,rgba(118,204,252,.15),transparent 28%),radial-gradient(circle at 78% 70%,rgba(138,99,233,.12),transparent 24%);filter:blur(36px);animation:bgFloatOne 18s ease-in-out infinite alternate}.landing:after{inset:0;background:radial-gradient(circle at center,transparent 45%,rgba(2,8,22,.22) 100%),radial-gradient(circle at 60% 20%,rgba(138,99,233,.1),transparent 22%),radial-gradient(circle at 30% 80%,rgba(118,204,252,.1),transparent 18%),radial-gradient(60% 60% at 50% 50%,rgba(255,255,255,.02),transparent 72%);filter:blur(48px);animation:bgFloatTwo 24s ease-in-out infinite alternate}.landing__card{position:relative;width:min(640px,calc(100vw - 36px));padding:32px 30px 26px;border-radius:22px;border:1px solid rgba(118,204,252,.24);background:linear-gradient(170deg,rgba(6,11,25,.97),rgba(2,4,12,.93));box-shadow:0 28px 90px #0000007a,inset 0 0 0 1px #ffffff0a;overflow:hidden;display:grid;justify-items:center;text-align:center;row-gap:14px;opacity:0;transform:translateY(8px) scale(.985);animation:landingFadeIn .7s ease-out forwards;animation-delay:.12s;transition:box-shadow .26s ease,border-color .26s ease,transform .26s ease}.landing__card:hover{border-color:#76ccfc47;box-shadow:0 20px 50px #00000047,0 0 30px #8a63e924}@keyframes landingFadeIn{to{opacity:1;transform:translateY(0) scale(1)}}.landing__glow{position:absolute;inset:-28% -18% auto;height:240px;background:radial-gradient(circle at 38% 45%,rgba(118,204,252,.26),transparent 62%),radial-gradient(40% 30% at 78% 40%,rgba(138,99,233,.2),transparent 70%);pointer-events:none}.landing__badge{position:relative;margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#d0e0ffd1}.landing__title{position:relative;margin:0;font-size:clamp(30px,4.8vw,48px);line-height:1.22;color:#f1f6ff;letter-spacing:.03em}.landing__features{position:relative;margin:4px 0 10px;padding:0;width:100%;list-style:none;display:grid;gap:12px}.landing__feature{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#e1ecffe6;font-size:13px;text-align:center}.landing__cta{position:relative;width:min(320px,100%);border-radius:14px;border:1px solid rgba(255,255,255,.52);background:radial-gradient(140% 140% at 30% 20%,rgba(121,242,255,.25),transparent 50%),linear-gradient(180deg,rgba(21,49,129,.97),rgba(82,48,154,.96));color:#edf3ff;padding:14px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 18px 50px #091e3a73,0 0 36px #79f2ff29,inset 0 0 0 1px #ffffff1a;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.landing__cta:hover{box-shadow:0 20px 56px #252a7585,0 0 42px #76ccfc3d,inset 0 0 0 1px #ffffff2e;transform:translateY(-1px)}.landing__cta:focus-visible{outline:2px solid rgba(118,204,252,.9);outline-offset:2px}.landing__hint{position:relative;margin:0;text-align:center;color:#c6d7f4bd;font-size:11px;letter-spacing:.06em}@media (max-width: 768px){.landing__card{padding:22px 16px 18px;border-radius:16px;row-gap:10px}.landing__feature{font-size:12px;padding:10px 11px}}