:root{--app-bg:#f6f5ef;--app-paper:#fff;--app-ink:#173a32;--app-muted:#52655e;--app-green:#006b60;--app-line:#d8dfd7;--app-soft:#e8eee2;--app-radius:16px}body{background:var(--app-bg);color:var(--app-ink)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:active{opacity:.75}button:focus-visible,a:focus-visible{outline:3px solid var(--app-green);outline-offset:4px}.app-topbar{background:var(--app-bg);position:sticky;top:0;z-index:25;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--app-line)}.app-topbar-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.desktop-app-nav,.app-top-actions{display:flex;align-items:center;gap:20px}.app-top-actions .lang{min-height:44px}.app-tabs{display:none}.app-footer{display:flex;align-items:center;gap:24px;padding-top:24px;padding-bottom:32px;border-top:1px solid var(--app-line);font-size:13px;color:var(--app-muted)}.app-footer span{margin-inline-start:auto}.home-app h1,.home-app h2,.credits-page h1,.credits-page h2{font-family:inherit;letter-spacing:-.045em;font-weight:650}.home-app h2{font-size:clamp(27px,3vw,40px);line-height:1.2;margin:0 0 16px}.home-app p,.credits-page p{font-size:16px;line-height:1.65;color:var(--app-muted)}.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:56px 0 72px}.home-copy h1{font-size:clamp(40px,5vw,64px);line-height:1.08;margin:0;max-width:570px;text-wrap:balance}.home-copy>p{max-width:440px;margin:28px 0}.home-copy .btn{display:inline-flex;align-items:center;gap:24px;min-height:54px}.home-price{display:block;margin-top:18px;font-size:14px;color:var(--app-muted)}.home-preview-stage{background:var(--app-soft);padding:24px 28px 20px;border-radius:var(--app-radius)}.home-preview-top{display:flex;justify-content:space-between;color:var(--app-muted);font-size:13px;margin-bottom:20px}.home-cv{background:var(--app-paper);padding:28px;min-height:490px;box-shadow:0 10px 24px #173a3212}.home-cv h1{font-size:26px!important;line-height:1.15;letter-spacing:-.02em}.home-cv h2{font-size:10px!important;margin:16px 0 8px!important;letter-spacing:.08em}.home-cv p{font-size:12px;line-height:1.5;margin:8px 0;color:inherit}.home-cv .cv-role{font-size:12px}.home-cv .cv-contact{font-size:10px}.home-cv .cv-entry-title{font-size:12px}.home-cv .cv-entry-sub{font-size:10px}.home-cv .cv-header{padding:16px;margin:-4px -4px 20px}.home-design-controls{display:flex;gap:4px;margin-top:20px}.home-design-controls button{flex:1;border:0;background:transparent;color:var(--app-muted);min-height:44px;border-radius:9px;font:inherit;font-size:13px;cursor:pointer}.home-design-controls button[aria-pressed=true]{background:var(--app-paper);color:var(--app-ink);box-shadow:0 2px 6px #173a3210}.home-workflow{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:48px 0 72px}.home-workflow p{max-width:480px}.home-workflow ol{list-style:none;display:flex;gap:16px;padding:0;margin:0}.home-workflow li{flex:1;font-size:15px;line-height:1.4}.home-workflow li span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--app-green);color:white;border-radius:50%;margin-bottom:16px}.home-designs{padding:32px 0 64px}.home-designs>.template-grid{margin-top:28px}.home-ai{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;background:var(--app-ink);color:white;padding:48px;border-radius:var(--app-radius);align-items:center;margin:0 0 28px}.home-ai h2{margin-top:20px}.home-ai p{color:#d5e1dc;max-width:480px}.home-ai-purchase{border-inline-start:1px solid #8fada160;padding-inline-start:56px}.home-ai-purchase>strong{font-size:64px;line-height:1}.home-ai-purchase>strong span{display:block;font-size:16px;font-weight:400;margin-top:12px}.home-ai-purchase .btn{background:#e3f0c0;color:var(--app-ink);border-color:#e3f0c0}.home-payment-note{padding:0 0 40px;max-width:680px;font-size:14px!important}.credits-page{padding-top:48px;padding-bottom:64px}.credits-heading{max-width:650px;margin-bottom:40px}.credits-heading>svg{width:32px;height:32px}.credits-heading h1{font-size:clamp(36px,5vw,54px);line-height:1.1;margin:20px 0}.credits-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:960px}.credits-package{background:var(--app-paper);border:1px solid var(--app-line);border-radius:var(--app-radius);padding:32px}.credits-package h2{font-size:80px;line-height:1;margin:28px 0}.credits-package h2 span{font-size:18px;display:block;font-weight:400;letter-spacing:0;margin-top:10px}.credits-price{font-size:30px;margin:24px 0}.credits-price span{font-size:16px}.credits-package>p:last-child{font-size:14px}.credits-explain{padding:16px 0}.credits-explain h2{font-size:28px;line-height:1.2}.credit-balance{display:flex;justify-content:space-between;gap:24px;padding:18px;background:var(--app-soft);margin-bottom:36px;border-radius:12px}.editor-container{padding-top:28px}.stage-nav{scroll-margin-top:100px}html{scroll-padding-top:100px}.modal-box{max-height:calc(100dvh - 48px);overflow:auto}
@media(max-width:767px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.container{width:100%;padding-inline:20px}.app-topbar-inner{min-height:64px;gap:12px}.app-topbar .logo img{width:116px}.desktop-app-nav,.desktop-account{display:none}.app-top-actions{gap:8px}.app-top-actions .lang{padding:8px 12px;font-size:14px}.app-tabs{position:fixed;bottom:0;left:0;right:0;z-index:35;display:grid;grid-template-columns:repeat(4,1fr);background:var(--app-paper);border-top:1px solid var(--app-line);padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.app-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border:0;background:transparent;color:var(--app-muted);font:inherit;font-size:12px;border-radius:12px}.app-tabs button[aria-current=page]{background:var(--app-soft);color:var(--app-green);font-weight:700}.app-tabs svg{width:22px;height:22px}.app-footer{gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:24px;font-size:12px}.home-intro{grid-template-columns:1fr;gap:32px;padding:32px 0 40px}.home-copy h1{font-size:37px;line-height:1.13;max-width:360px}.home-copy>p{margin:20px 0 24px;font-size:16px}.home-copy .btn{width:100%;justify-content:space-between}.home-price{font-size:13px}.home-preview-stage{padding:18px 18px 12px}.home-preview-top{margin-bottom:16px}.home-cv{padding:20px;min-height:400px}.home-cv h1{font-size:24px!important}.home-cv h2{font-size:9px!important}.home-cv p{font-size:11px}.home-workflow{grid-template-columns:1fr;gap:24px;padding:24px 0 40px}.home-workflow ol{gap:12px}.home-workflow li{font-size:13px}.home-workflow li span{width:36px;height:36px;margin-bottom:12px}.home-app h2{font-size:28px}.home-designs{padding:16px 0 40px}.home-designs .template-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:12px 0 20px}.home-designs .template-card{min-width:85%;scroll-snap-align:start}.home-ai{grid-template-columns:1fr;gap:24px;padding:28px 24px;margin-bottom:20px}.home-ai-purchase{border-inline-start:0;border-top:1px solid #8fada160;padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.home-ai-purchase>strong{font-size:48px}.home-ai-purchase>strong span{font-size:14px;margin-top:8px}.home-ai-purchase>p{font-size:24px;text-align:end}.home-ai-purchase>.btn{grid-column:1/-1;width:100%;margin-top:16px}.home-payment-note{padding-bottom:24px}.credits-page{padding-top:32px;padding-bottom:24px}.credits-heading{margin-bottom:28px}.credits-heading h1{font-size:36px}.credits-layout{grid-template-columns:1fr;gap:24px}.credits-package{padding:24px}.credits-package h2{font-size:68px;margin:24px 0}.credits-explain{padding-top:0}.credits-heading p{margin-bottom:0}.editor-container{padding-top:20px}.stage-nav{top:64px}.stage-nav button{min-height:52px}.form-nav .btn,.btn{min-height:48px}.app-footer span{margin-inline-start:0}html{scroll-padding-top:80px}.preview-pane{top:80px}.modal-box{max-height:calc(100dvh - 32px);padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.app-topbar,.app-tabs,.app-footer{display:none!important}body{padding-bottom:0}}
