:root{--primary: #20b486;--primary-dark: #159a73;--primary-soft: rgba(32, 180, 134, .12);--text-main: #1f2937;--text-muted: #6b7280;--bg-main: #ffffff;--bg-soft: #f4f8f7;--bg-tint: #eef7f3;--border: #dce6e2;--border-strong: #cad8d2;--shadow-soft: 0 18px 38px rgba(17, 24, 39, .06);--shadow-panel: 0 24px 54px rgba(17, 24, 39, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(32,180,134,.08),transparent 24%),radial-gradient(circle at top right,rgba(21,154,115,.05),transparent 20%),linear-gradient(180deg,#f7fbf9,#eef5f2);color:var(--text-main)}body{min-height:100vh}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--border);background:#fff}.btn{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:transparent}.hero{text-align:center;padding:4rem 1rem}.hero h1{font-size:2.2rem;font-weight:600}.hero h1 span{color:var(--primary)}.hero p{color:var(--text-muted)}.user-page{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}