:root{--green:#15733b;--green-dark:#0c4e29;--green-soft:#eaf6ee;--ink:#17221b;--muted:#657068;--cream:#fbfaf6;--white:#fff;--line:#e4e9e5;--danger:#b42318;--shadow:0 14px 36px rgba(16,45,27,.12)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}.page-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.page-header-inner{max-width:1100px;margin:auto;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.page-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}.page-brand img{width:48px;height:48px;object-fit:contain}.page-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-nav a{text-decoration:none;font-weight:800;padding:9px 12px;border-radius:999px}.page-nav .primary{background:var(--green);color:#fff}.page-wrap{max-width:1100px;margin:auto;padding:34px 18px 70px}.hero-card,.content-card,.auth-card,.order-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.hero-card{padding:34px;margin-bottom:20px;background:linear-gradient(135deg,#fff,#eef8f1)}.eyebrow{display:block;color:var(--green);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:900}.hero-card h1,.content-card h2,.auth-card h2{font-family:Georgia,'Times New Roman',serif}.hero-card h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1;margin:8px 0 14px}.hero-card p{max-width:760px;color:var(--muted);font-size:1.05rem}.content-card{padding:26px;margin-top:18px}.content-card h2{font-size:1.8rem;margin:0 0 12px}.content-card h3{margin:22px 0 8px}.content-card p,.content-card li{color:#3f4a43}.content-card ul{padding-left:22px}.notice{padding:14px 16px;border-radius:14px;background:#fff8db;border:1px solid #f1df92;color:#5b4b13}.success{padding:14px 16px;border-radius:14px;background:#eaf8ef;border:1px solid #bfe5cb;color:#126832}.error{padding:14px 16px;border-radius:14px;background:#fff0ee;border:1px solid #f6c7c2;color:var(--danger)}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.auth-card{padding:24px}.auth-card h2{font-size:1.8rem;margin:4px 0 8px}.auth-card p{color:var(--muted)}.form-grid{display:grid;gap:13px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{display:grid;gap:6px;font-size:.84rem;font-weight:900}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cbd8cf;border-radius:11px;background:#fff;color:var(--ink);font:inherit;padding:12px;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(21,115,59,.12)}.action{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;background:var(--green);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.action.secondary{background:#fff;color:var(--green-dark);border:1px solid var(--line)}.account-top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.account-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.account-meta div{background:var(--green-soft);border-radius:14px;padding:14px}.account-meta strong{display:block;color:var(--green);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.orders{display:grid;gap:14px}.order-card{padding:18px;box-shadow:none}.order-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.order-head h3{margin:0}.order-status{display:inline-flex;border-radius:999px;padding:7px 10px;background:var(--green-soft);color:var(--green-dark);font-weight:900;font-size:.8rem}.order-items{margin:12px 0;color:var(--muted)}.order-actions{display:flex;gap:10px;flex-wrap:wrap}.footer{background:#102117;color:#fff;padding:28px 18px;text-align:center}.footer a{color:#dff7e7}.legal-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:.9rem}
@media(max-width:760px){.page-nav a:not(.primary){display:none}.page-wrap{padding:20px 12px 50px}.hero-card{padding:24px 18px;border-radius:18px}.content-card,.auth-card{padding:18px;border-radius:16px}.auth-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.account-meta{grid-template-columns:1fr}.page-brand span{font-size:.86rem}.page-brand img{width:42px;height:42px}}
