:root{--bg: #fef7ed;--bg-accent: #fff5e6;--text: #2a1a05;--muted: #6b5a45;--accent: #b45309;--accent-hover: #92400e;--accent-soft: #fde7c7;--card: #ffffff;--line: #ecdcc2;--shadow-color: 180 100% 20%}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{min-height:100vh;overflow-x:hidden}.nav{position:sticky;top:0;z-index:20;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:#fef7edbf;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:.9rem clamp(1rem,4vw,2rem)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:-.01em}.brand svg{color:var(--accent)}.lang{background:transparent;border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;cursor:pointer;color:var(--text);font-weight:500;transition:background .15s ease}.lang:hover{background:var(--accent-soft)}.section{max-width:1120px;margin:0 auto;padding:clamp(3rem,7vw,5rem) clamp(1rem,4vw,2rem)}.hero{text-align:center;padding-top:clamp(3.5rem,8vw,6rem);padding-bottom:clamp(3rem,6vw,4rem);background:radial-gradient(60% 40% at 50% 0%,var(--accent-soft) 0%,transparent 60%),radial-gradient(30% 20% at 80% 20%,var(--bg-accent) 0%,transparent 50%)}.hero h1{font-size:clamp(2.1rem,6vw,3.75rem);line-height:1.08;margin:0 0 1.2rem;letter-spacing:-.025em;max-width:820px;margin-inline:auto}.hero p{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--muted);max-width:620px;margin:0 auto 2rem;line-height:1.6}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.75rem;border-radius:999px;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;border:none;transition:transform .12s ease,box-shadow .15s ease,background .15s ease;font-family:inherit}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px #00000014}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 28px #b4530940}.section-title{text-align:center;font-size:clamp(1.6rem,3.6vw,2.25rem);margin:0 0 .75rem;letter-spacing:-.02em}.section-sub{text-align:center;color:var(--muted);margin:0 auto 3rem;max-width:560px;font-size:1.05rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media (max-width: 960px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.features-grid{grid-template-columns:1fr}}.feature{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.feature:hover{transform:translateY(-3px);box-shadow:0 14px 36px #2a1a050f}.feature-icon{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:1.1rem}.feature h3{margin:0 0 .4rem;font-size:1.1rem;letter-spacing:-.005em}.feature p{margin:0;color:var(--muted);line-height:1.55;font-size:.95rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}@media (max-width: 960px){.pricing-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}.tier{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:2.25rem 1.75rem;position:relative;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.tier:hover{transform:translateY(-3px);box-shadow:0 14px 36px #2a1a050f}.tier--featured{border-color:var(--accent);box-shadow:0 20px 56px #b453092e;transform:translateY(-8px);background:linear-gradient(180deg,#fffaf2,#fff)}.tier--featured:hover{transform:translateY(-10px);box-shadow:0 24px 64px #b4530938}@media (max-width: 960px){.tier--featured{transform:none}.tier--featured:hover{transform:translateY(-3px)}}.tier-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.35rem 1rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 14px #b453094d}.tier h3{margin:0 0 .25rem;font-size:1.4rem;letter-spacing:-.01em}.tier-tagline{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem}.tier-price{font-size:2.75rem;font-weight:700;letter-spacing:-.025em}.tier-price small{font-size:1rem;font-weight:400;color:var(--muted)}.tier ul{list-style:none;padding:0;margin:1.75rem 0;flex:1}.tier li{padding:.45rem 0;font-size:.95rem;display:flex;align-items:flex-start;gap:.6rem}.tier li svg{flex:0 0 auto;color:var(--accent);margin-top:.15rem}.tier button.btn{width:100%;justify-content:center}.footer{text-align:center;padding:2.5rem 1.5rem;color:var(--muted);border-top:1px solid var(--line);font-size:.9rem}.uploader{max-width:760px;margin:0 auto;border:2px dashed var(--line);border-radius:22px;background:var(--card);padding:clamp(2rem,4vw,3rem) 1.5rem;text-align:center;transition:border-color .15s ease,background .15s ease}.uploader.is-drag{border-color:var(--accent);background:var(--accent-soft)}.uploader-hint{color:var(--muted);margin:.5rem 0 1.5rem;font-size:.95rem}.uploader input[type=file]{display:none}.uploader label.btn{cursor:pointer}.uploader-event{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:.9rem;color:var(--muted)}.uploader-event input{font:inherit;color:var(--text);padding:.4rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--bg);min-width:140px;text-align:center;outline:none;transition:border-color .15s ease}.uploader-event input:focus{border-color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:2rem}.gallery-item{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:var(--accent-soft);border:1px solid var(--line)}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;color:#fff;font-size:.85rem;text-align:center;padding:.5rem}.gallery-item-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff40}.gallery-item-progress span{display:block;height:100%;background:var(--accent);transition:width .15s ease}.gallery-item-error{background:#b42828d9}.gallery-empty{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.95rem}.uploader-status{color:var(--muted);font-size:.9rem;margin:.5rem 0 1rem}.uploader-status-error{color:#b91c1c}