:root{--bg:#090a12;--card:#141624;--muted:#a0a6b5;--orange:#ff8a35;--gold:#ffc25a;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(70% 35% at 50% -5%,#3a2146,transparent 75%),var(--bg);color:#faf5ed;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main,footer{width:min(1120px,calc(100% - 40px));margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;text-decoration:none;font-size:18px}.brand b{color:#ffc16d}nav{display:flex;gap:26px}nav a,footer a{color:var(--muted);text-decoration:none;font-size:14px}.outline,.secondary,.primary{border-radius:13px;padding:12px 16px;text-decoration:none;font-weight:800;font-size:14px}.outline,.secondary{border:1px solid var(--line);color:#fff;background:#ffffff09}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:600px}.eyebrow{color:#ffbd80;font-size:11px;font-weight:800;letter-spacing:.14em}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:13px 0}.lead,.section-lead,.vpn p{font-size:17px;line-height:1.55;color:var(--muted);max-width:590px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.primary{background:linear-gradient(135deg,#ffc25d,#ff6a2a);color:#2b1005}.primary span{margin-left:10px;font-size:19px}.hint{color:#747c8d;font-size:12px;margin-top:12px}.fox{height:540px;background:linear-gradient(90deg,var(--bg),transparent 36%),url('./assets/fox-hero.png') center/cover no-repeat;border-radius:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats article,.cards article{border:1px solid var(--line);background:linear-gradient(145deg,#171a2a,#10131e);border-radius:18px;padding:22px}.stats b{display:block;font-size:25px;color:#ffc16c}.stats span{color:var(--muted);font-size:13px}.templates,.how{padding:130px 0}.templates h2,.how h2,.vpn h2{font-size:clamp(30px,4vw,50px);line-height:1.06;letter-spacing:-.035em;margin:11px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 23px}.cards article{min-height:210px}.cards span{font-size:28px}.cards h3{font-size:19px;margin:19px 0 7px}.cards p,.how p{color:var(--muted);line-height:1.45;font-size:14px}.text-link{color:#ffc16c;font-weight:800;text-decoration:none}.how{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line)}ol{list-style:none;padding:0;margin:0;display:grid;gap:22px}li{display:flex;gap:17px;align-items:flex-start}li>b{color:#ffaf61;font-size:13px;padding-top:4px}li h3{margin:0;font-size:17px}li p{margin:5px 0}.vpn{position:relative;overflow:hidden;border:1px solid #ffab5540;border-radius:28px;padding:54px;background:linear-gradient(130deg,#28233f,#121827 65%,#40201d);margin-bottom:100px}.vpn:after{content:"";position:absolute;right:-70px;top:-90px;width:310px;height:310px;border:1px solid #ffc15b66;border-radius:50%;box-shadow:0 0 0 35px #ff9d3310}.orb{position:absolute;right:110px;top:75px;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffe4a3,#ff8a35 50%,#77365c);font-size:72px;font-weight:900;color:#2b1206;box-shadow:0 0 100px #ff8a355c}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0 45px;color:var(--muted);font-size:13px}@media(max-width:760px){header{height:65px}header nav{display:none}.outline{padding:9px 11px;font-size:12px}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 0 20px}.fox{height:410px;margin-top:25px}.stats,.cards{grid-template-columns:1fr}.templates,.how{padding:80px 0}.how{grid-template-columns:1fr;gap:32px}.orb{right:-28px;top:90px;width:135px;height:135px}.vpn{padding:31px 24px}.vpn h2{max-width:300px}footer{display:grid;gap:11px}}

.catalog-tools{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:35px 0 12px}.catalog-tools label{display:flex;align-items:center;gap:9px;flex:1;padding:0 14px;border:1px solid var(--line);background:#ffffff08;border-radius:13px;color:#ffc16d}.catalog-tools input{width:100%;padding:13px 0;border:0;outline:0;background:transparent;color:#fff;font:14px inherit}.catalog-tools input::placeholder{color:#7d8290}.catalog-filters{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.catalog-filters button{white-space:nowrap;border:1px solid var(--line);background:#ffffff08;color:#e9e4db;padding:10px 12px;border-radius:12px;font:700 12px inherit}.catalog-filters button.active{background:#ffbf5b;color:#2d1505;border-color:#ffbf5b}.catalog-count{color:#a0a6b5;font-size:13px;margin:17px 0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;min-height:120px}.catalog-card{overflow:hidden;border:1px solid var(--line);background:#10131e;border-radius:18px}.catalog-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#1a2030}.catalog-card-body{padding:14px}.catalog-card span{color:#ffc16d;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.catalog-card h3{font-size:15px;line-height:1.25;margin:9px 0 6px;min-height:56px}.catalog-card p{color:#949bab;font-size:12px;margin:0 0 14px}.catalog-card a{display:flex;justify-content:space-between;align-items:center;color:#ffc16d;text-decoration:none;font-size:13px;font-weight:800}.catalog-card a b{font-size:18px}@media(max-width:760px){.catalog-tools{align-items:stretch;flex-direction:column}.template-grid{grid-template-columns:repeat(2,1fr);gap:10px}.catalog-card-body{padding:11px}.catalog-card h3{font-size:13px;min-height:64px}.catalog-card p{font-size:11px}.catalog-card a{font-size:12px}}.catalog-copy{width:100%;border:1px solid #ffc16d55;background:#ffc16d12;color:#ffd28f;border-radius:10px;padding:9px 10px;margin:0 0 10px;font:700 12px inherit;text-align:left}.catalog-card p{line-height:1.4;min-height:51px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.primary{border:0;cursor:pointer;font:inherit}.catalog-create{display:block;width:100%;margin-top:9px;border:0;border-radius:10px;padding:10px;background:linear-gradient(135deg,#ffc05c,#ff6d2b);color:#2b1006;font:800 12px inherit;cursor:pointer}.site-sheet{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#02040bdc;backdrop-filter:blur(10px)}.site-sheet[hidden]{display:none}.site-sheet-card{position:relative;width:min(520px,100%);max-height:92vh;overflow:auto;padding:26px;border:1px solid #ffb65c55;border-radius:25px;background:linear-gradient(150deg,#282039,#101621);color:#fff}.site-sheet-card h2{margin:6px 0 8px}.site-sheet-card>p{color:#b2b9c8;line-height:1.45}.sheet-close{position:absolute;right:13px;top:13px;width:33px;height:33px;border:0;border-radius:50%;background:#ffffff16;color:#fff;font-size:23px}.site-sheet-card label{display:block;margin-top:17px;font-size:13px;font-weight:700}.site-sheet-card textarea{width:100%;height:92px;display:block;margin-top:7px;padding:12px;border:1px solid #ffffff20;border-radius:13px;background:#080b13;color:#fff;font:13px inherit;resize:none}.site-photo{display:flex!important;flex-direction:column;gap:4px;padding:12px;border:1px dashed #ffbd5b75;border-radius:13px;background:#ff9a360c;color:#ffd29d!important;cursor:pointer}.site-photo small,.generator-note{color:#aab2c3;font-size:11px;font-weight:400}.site-photo input{max-width:100%;color:#d6dbe5;font-size:11px}.format-label{margin:16px 0 8px!important;color:#fff!important;font-weight:700}.site-ratios{display:flex;gap:8px}.site-ratios button{border:1px solid #ffffff25;border-radius:10px;background:#ffffff0c;color:#d5dbea;padding:9px 13px;font:700 12px inherit}.site-ratios button.active{border-color:#ffb55b;background:#ff963321;color:#ffd197}.generator-submit{width:100%;margin-top:17px;justify-content:center}.generator-submit:disabled{opacity:.65}.generator-note{margin-top:10px!important}.generator-note+div{margin-top:15px}.generator-note+div img{display:block;width:100%;max-height:55vh;object-fit:contain;border-radius:15px;background:#080a10}.generator-note+div h3{margin:10px 0 3px}.generator-note+div p{color:#b4bccb;margin:0;font-size:12px}

/* Clear photo workflow and compact partner offer. */
.how.how-guide{padding:64px 0 48px;gap:56px;grid-template-columns:.85fr 1.15fr}
.how-guide .how-intro h2{font-size:clamp(30px,3vw,42px);margin:12px 0 18px}
.how-guide .how-intro>p:not(.eyebrow){max-width:370px;line-height:1.65;font-size:14px}
.how-start{display:inline-flex;align-items:center;margin-top:12px;text-decoration:none;font-size:13px;font-weight:800}
.how-guide .how-caption{font-size:12px!important;color:#a0a6b5;margin-top:10px}
.how-steps{gap:12px}
.how-steps li{padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#171924,#10121c)}
.how-steps li>b{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:10px;background:#ffab5414;color:#ffbc7e;padding:0;margin-top:1px;font-size:12px}
.how-steps li h3{font-size:16px;line-height:1.4}
.how-steps li p{font-size:13px;line-height:1.6;margin:5px 0 0;color:#b0b6c4}
.vpn-strip{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid #ffffff17;border-radius:17px;background:linear-gradient(120deg,#171927,#12151f);margin:0 0 48px}
.vpn-strip-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#ffad5310;border-radius:11px;font-size:20px}
.vpn-strip-copy{flex:1;min-width:0}
.vpn-strip h2{font-size:15px;line-height:1.4;letter-spacing:0;margin:0}
.vpn-strip h2 span{font-weight:500;color:#ffca8e}
.vpn-strip p{font-size:12px;line-height:1.5;color:var(--muted);margin:3px 0 0}
.vpn-strip-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.vpn-strip-cta{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #ffbd6745;border-radius:10px;color:#ffd092;background:#ffac5410;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}
.vpn-strip-account{font-size:12px;color:#acb3c2;text-decoration:none}
.vpn-strip a:hover{color:#fff;border-color:#ffbd6790}
.how-start:focus-visible,.vpn-strip a:focus-visible{outline:2px solid #ffc25a;outline-offset:4px}
@media(max-width:760px){
.how.how-guide{grid-template-columns:1fr;gap:24px;padding:44px 0 32px}
.how-guide .how-intro h2{font-size:32px}
.how-steps li{padding:15px 14px;gap:12px}
.vpn-strip{flex-wrap:wrap;gap:10px;padding:14px;margin-bottom:32px}
.vpn-strip-copy{flex-basis:calc(100% - 48px)}
.vpn-strip-actions{padding-left:48px;gap:18px}
}

#site-account{background:transparent;color:#ffd093;cursor:pointer;font:inherit}.site-photo-list{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.site-photo-list img{width:64px;height:72px;object-fit:cover;border-radius:9px}.site-login-panel{padding:16px;margin-top:16px;background:#ffb45010;border:1px solid #ffb45055;border-radius:15px}.site-login-panel[hidden]{display:none}.site-login-panel p{color:#c4cbda;font-size:13px;line-height:1.6}.site-login-panel .primary{display:inline-flex;text-decoration:none;margin:4px 0}.site-login-panel strong{letter-spacing:2px;color:#ffcd87}.site-logout{background:none;border:0;color:#909cad;font-size:11px;cursor:pointer;margin-top:12px}#generator-result a{display:inline-block;margin-top:12px;color:#ffd093}.site-sheet-card #site-photo-count{font-size:12px;margin-top:6px}

.site-photo{position:relative}.site-photo input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.site-logout[hidden]{display:none}.site-sheet-card textarea{font-family:inherit;font-size:14px}

.site-auth-modal{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#050710de;backdrop-filter:blur(12px)}.site-auth-modal[hidden]{display:none}.site-auth-card{position:relative;width:min(420px,100%);max-height:90vh;overflow:auto;padding:32px;border:1px solid #ffb65c55;border-radius:25px;background:linear-gradient(150deg,#282039,#101621);text-align:center;color:#fff;box-shadow:0 24px 90px #0008}.site-auth-fox{font-size:40px;margin:0 0 12px}.site-auth-card .eyebrow{font-size:11px;margin-bottom:10px}.site-auth-card h2{font-size:26px;margin:0 0 12px}.site-auth-intro{font-size:14px;line-height:1.6;color:#aeb7c8;margin:0 0 20px}.site-auth-code{padding:14px;border:1px solid #ffb55b2c;border-radius:14px;background:#ffad5410;margin-bottom:18px}.site-auth-code span{display:block;color:#b9c1cf;font-size:12px}.site-auth-code strong{display:block;min-height:32px;margin-top:7px;color:#ffd093;font-size:26px;letter-spacing:5px}.site-auth-card .primary{width:100%;display:flex;justify-content:center;text-decoration:none;cursor:pointer}.site-auth-card [hidden]{display:none!important}.site-auth-status{font-size:13px;line-height:1.6;color:#aeb7c8;margin:16px 0 0}.site-auth-card #site-login-retry{margin-top:15px}@media(max-width:480px){.site-auth-card{padding:28px 23px}.site-auth-card h2{font-size:24px}}

[hidden]{display:none!important}.catalog-kinds{display:flex;gap:8px;margin-top:28px}.catalog-kinds button{display:flex;align-items:center;gap:12px;padding:13px 20px;border:1px solid var(--line);border-radius:13px;background:#151824;color:#b7c0d1;font:700 15px inherit;cursor:pointer}.catalog-kinds button.active{background:linear-gradient(130deg,#ffc163,#ff7d35);border-color:transparent;color:#2b1608}.catalog-kinds small{font-size:11px;opacity:.7}.catalog-tools{display:block}.catalog-tools>label{max-width:100%;margin-bottom:16px}.catalog-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;overflow:visible}.catalog-filters button{display:flex;align-items:center;text-align:left;gap:10px;padding:14px;background:linear-gradient(120deg,#191a2a,#121623);border-radius:14px;cursor:pointer}.catalog-filters button>span{font-size:20px}.catalog-filters button>b{flex:1;white-space:normal;font-size:12px}.catalog-filters small{font-size:11px;opacity:.6}.catalog-filters button.active{background:#ffae5119;border-color:#ffb45977;color:#ffcf92}.catalog-media{position:relative;height:auto;aspect-ratio:4/5;overflow:hidden;background:#181c2b}.catalog-media img{width:100%;height:100%;object-fit:cover}.catalog-placeholder{display:grid;place-items:center;font-size:65px;background:radial-gradient(ellipse at 70% 20%,#6c364a,#25233c 50%,#131a29)}.catalog-card .catalog-badge{position:absolute;top:12px;left:12px;background:#10131cce;color:#fff;font-size:10px;padding:7px 10px;border-radius:8px;letter-spacing:.04em}.catalog-card h3{min-height:57px;max-height:57px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.catalog-create:disabled{background:#ffffff0c;border:1px solid var(--line);color:#8e98ae;cursor:default}.catalog-more{display:block;margin:25px auto;cursor:pointer;background:#ffffff08}.site-sheet-card video{display:block;width:100%;max-height:55vh;margin-top:14px;border-radius:14px;background:#080a10}#site-admin-link{color:#ffd091;font-size:12px;padding:10px 12px}@media(max-width:760px){.catalog-filters{grid-template-columns:repeat(2,1fr)}.catalog-kinds button{padding:11px 14px;font-size:13px}.catalog-filters button{padding:12px;gap:7px}.catalog-filters button>b{font-size:11px}.catalog-card h3{min-height:51px;max-height:51px}.catalog-media{aspect-ratio:4/5}header{gap:8px;flex-wrap:wrap;height:auto;min-height:65px;padding:10px 0}header .brand{flex:1;font-size:15px}}

.account-card{width:min(600px,calc(100vw - 28px));max-height:90dvh;overflow:auto;position:relative}.account-card h2{margin-top:4px}.account-balance{padding:22px;border:1px solid #bd77464d;background:linear-gradient(125deg,#ff992315,#ff76340b);border-radius:20px;margin:20px 0}.account-balance span,.account-balance small{display:block;color:#aeb6c6}.account-balance strong{display:block;font-size:36px;line-height:1.6;color:#ffb566}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-actions a{text-decoration:none}#account-promo{margin-top:26px}#account-promo label{display:block;font-weight:600;margin-bottom:10px}#account-promo>div{display:flex;gap:8px}#account-code{min-width:0;flex:1;border:1px solid #ffffff24;border-radius:12px;background:#0b0d16;padding:12px;color:white;font:inherit}.account-history{display:grid;gap:10px}.account-history article{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid #ffffff12;background:#ffffff04}.account-history article>div{flex:1}.account-history b,.account-history small{display:block}.account-history small,.account-hint{color:#aeb6c6;font-size:12px;line-height:1.5}.account-history a{color:#ffb566;text-decoration:none;white-space:nowrap;font-size:13px}.account-work-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ff9e2615}.account-card .site-logout{margin-top:25px}.account-card .muted{color:#aeb6c6}#account-promo button{padding:10px}.account-card .account-actions .primary{padding:13px 16px}

.draft-resume{display:flex;gap:15px;align-items:center;margin-top:18px;padding:15px 20px;border:1px solid #ffb56635;border-radius:16px;background:#ffb56608}.draft-resume>span{font-size:27px}.draft-resume>div{flex:1}.draft-resume b{display:block;font-size:14px}.draft-resume small{display:block;color:#acb5c7;font-size:12px;line-height:1.5;margin-top:4px}.draft-resume button{cursor:pointer;color:#ffd093;background:#ffb5660c;white-space:nowrap}@media(max-width:480px){.draft-resume{gap:10px;padding:13px}.draft-resume>span{display:none}.draft-resume b{font-size:12px}.draft-resume small{font-size:11px}.draft-resume button{font-size:11px;padding:10px}}