/* Abynera: illuminated graphite. Scoped to public home and personal workspace. */
:is(.site-shell,.account-app){
 --ink:#edf3ef;--muted:#a1b3ac;--lime:#b9df83;--line:#aac8b326;
 --surface:#141f1d;--edge:#b7d0c133;
 background:radial-gradient(ellipse at 0% 25%,#24534538,transparent 50%),
 radial-gradient(ellipse at 100% 70%,#34494040,transparent 55%),#0b1110!important;
 color:var(--ink)
}
:is(.site-shell,.account-app) h1,:is(.site-shell,.account-app) h2{font-family:Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.025em}
:is(.site-shell,.account-app) p{line-height:1.65}
.site-shell .brand-header{margin-top:18px;padding:18px 24px;border:1px solid var(--edge);border-radius:18px;background:#15201de6;box-shadow:0 12px 38px #0003}
.site-shell .hero{padding-top:64px;padding-bottom:56px;gap:clamp(28px,5vw,80px);box-shadow:none!important}
.site-shell .hero h1{font-size:clamp(38px,4.7vw,70px);line-height:1.06;font-weight:650}
.site-shell .hero h1 em{font-style:normal;color:inherit}
.site-shell .hero-lead{max-width:58ch;color:#afbeb7;font-size:16px}
.site-shell .hero-visual{border-radius:32px;background:radial-gradient(ellipse at 50% 45%,#44674b50,transparent 66%),linear-gradient(155deg,#1c2b26d9,#0c1613);border:1px solid var(--edge);box-shadow:inset 0 1px #e4f5d91c,0 28px 70px #0005;min-width:0}
.site-shell .hero-visual .metric{background:#13211ff0;border:1px solid #adc7b733;border-radius:14px;box-shadow:0 14px 28px #0004}
.site-shell .signal-row{flex-wrap:wrap;gap:12px;color:#a6b9ae}
.site-shell .feature-grid{gap:18px;grid-template-columns:1.25fr 1fr 1fr;margin-bottom:54px}
.site-shell .feature-card{position:relative;overflow:hidden;padding:32px 28px;min-width:0;border:1px solid var(--edge);border-radius:22px;background:linear-gradient(135deg,#26382c,#14211c);box-shadow:inset 0 1px #eef7dd12,0 18px 36px #0003}
.site-shell .feature-card:nth-child(2){background:linear-gradient(135deg,#203434,#111f21)}
.site-shell .feature-card:nth-child(3){background:linear-gradient(135deg,#2c3229,#181f1b)}
.site-shell .feature-card h2{font-size:24px;margin-top:24px}
.site-shell .feature-card p{font-size:15px;color:#b4c1b9}
.site-shell .feature-number{display:none}
.site-shell .feature-card::before{content:"";display:block;width:54px;height:5px;border-radius:5px;background:linear-gradient(90deg,#b9df83,#73ab94);box-shadow:0 3px 18px #b9df8326}
.site-shell .access-section{padding:42px;gap:50px;border:1px solid var(--edge);border-radius:28px;background:linear-gradient(115deg,#1d3029c9,#101b19);box-shadow:0 24px 64px #0003}
.site-shell .access-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.15}
.site-shell .login-card{border:1px solid #c4d7cd26;border-radius:20px;background:#0c1513;box-shadow:0 18px 40px #0004}
.site-shell .footer{padding-block:32px;color:#8eaaa0}
.account-app .account-sidebar{background:linear-gradient(165deg,#1b2924,#0d1714)!important;border-right:1px solid var(--edge);box-shadow:12px 0 40px #0002}
.account-app .account-brand{padding-bottom:28px}
.account-app .account-brand-mark{box-shadow:0 5px 25px #8fac6726,inset 0 1px #e8ffd542}
.account-app .account-nav-item{min-height:46px;border-radius:12px;transition:background .18s,color .18s,box-shadow .18s}
.account-app .account-nav-item.active{background:linear-gradient(100deg,#47633670,#263d3150);box-shadow:inset 3px 0 #b9df83,inset 0 1px #d6e8bd15;color:#e5f3d8}
.account-app .account-topbar{background:#111d18d9;border-bottom:1px solid var(--edge);padding-block:18px}
.account-app .account-content{padding-top:26px}
.account-app .welcome-card{background:radial-gradient(ellipse at 92% 20%,#49684666,transparent 65%),linear-gradient(125deg,#24372f,#14231d);border-color:#afcdb533;box-shadow:inset 0 1px #e8f5d826,0 22px 48px #0003;border-radius:26px}
.account-app .welcome-card:after{display:none}
.account-app .welcome-copy p{color:#b3c3ba;font-size:15px;max-width:60ch}
.account-app .soft-label,.account-app .account-card-head small{font-size:12px;color:#adc0b4;letter-spacing:.04em}
.account-app .account-metric{position:relative;overflow:hidden;border-color:var(--edge);background:linear-gradient(125deg,#23372d,#14211d);box-shadow:inset 0 1px #e8f5d818,0 12px 25px #0002;border-radius:18px}
.account-app .account-metric:nth-child(2){background:linear-gradient(125deg,#203637,#142225)}
.account-app .account-metric:nth-child(3){background:linear-gradient(125deg,#323629,#1d241d)}
.account-app .account-metric strong{font-size:28px;font-variant-numeric:tabular-nums}
.account-app .account-metric small{font-size:13px;color:#c2cdc6}
.account-app .account-metric p{font-size:12px;color:#98aea0}
.account-app .account-card{background:linear-gradient(140deg,#1c2925f5,#121d19f5);border-color:var(--edge);box-shadow:inset 0 1px #f3ffed0b,0 14px 30px #0002;border-radius:20px}
.account-app .account-card-head{padding-bottom:18px;border-bottom:1px solid #b3cbb21a}
.account-app .account-card-head h2{font-size:22px}
.account-app .assistant-toolbar{height:auto;min-height:60px;gap:14px;padding:12px 18px;flex-wrap:wrap;background:#1a2823;border-color:var(--edge)}
.account-app .assistant-item{background:linear-gradient(100deg,#1a2a23,#13201c);border-color:#a8c9b425;box-shadow:inset 3px 0 #8bad6855,0 8px 20px #0002;animation:none}
.account-app .assistant-identity>span{background:linear-gradient(140deg,#3a5435,#203729);box-shadow:inset 0 1px #d6ecc629}
.account-app .start-list li{padding-block:16px;border-color:#a8c9b41c}
.account-app .start-list small,.account-app .assistant-preview>p,.account-app .large-empty p{font-size:13px;color:#9eb1a7}
.account-app .account-user-chip,.account-app .account-help{background:#24352a70;border:1px solid #b0cba41a;border-radius:14px}
:is(.site-shell,.account-app) :is(.button,.funpay-action){min-height:44px;border-radius:12px;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
:is(.site-shell,.account-app) .button-primary{background:linear-gradient(120deg,#d0eaa7,#9fc778);color:#162214;border:1px solid #d7edb985;box-shadow:inset 0 1px #f8ffe86b,0 7px 22px #9ac46624}
:is(.site-shell,.account-app) :is(.button-secondary,.button-quiet,.funpay-action){background:#253a2f;color:#e3eee5;border:1px solid #bed8bd38}
:is(.site-shell,.account-app) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-radius:11px;border:1px solid #a8c4b536;background:#0c1713;color:#e8f2eb;font-size:14px;box-shadow:inset 0 2px 5px #0003;max-width:100%}
:is(.site-shell,.account-app) :is(button,a,input,textarea,select):focus-visible{outline:2px solid #c4e8a0;outline-offset:3px}
:is(.site-shell,.account-app) :is(button,input,select,textarea):disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.account-app .account-view.active{animation:abynera-view-open .24s ease-out both}
@keyframes abynera-view-open{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(hover:hover){
 .site-shell .feature-card{transition:border-color .2s,box-shadow .2s,transform .2s}
 .site-shell .feature-card:hover{transform:translateY(-3px);border-color:#b6d59a80;box-shadow:inset 0 1px #effbd824,0 20px 36px #0004}
 :is(.site-shell,.account-app) .button-primary:hover{background:linear-gradient(120deg,#e0f3bc,#b6db90);box-shadow:0 8px 28px #a2cf7b42}
 .account-app .account-nav-item:hover,.account-app .assistant-item:hover{background:#2b4032;border-color:#accb9866}
 :is(.site-shell,.account-app) :is(.button-secondary,.button-quiet,.funpay-action):hover{background:#38533e;border-color:#c2e2a76b}
}
@media(max-width:900px){.site-shell .feature-grid{grid-template-columns:1fr}.site-shell .access-section{padding:26px;gap:28px}.site-shell .brand-header{flex-wrap:wrap;gap:16px}.account-app .account-metrics{grid-template-columns:1fr}.account-app .welcome-card{padding:28px}.account-app .assistant-toolbar{align-items:flex-start}}
@media(max-width:520px){.site-shell .brand-header{margin-top:8px;padding:16px}.site-shell .hero{padding-top:34px}.site-shell .access-section{padding:20px}.site-shell .hero-visual{border-radius:20px}.account-app .account-card{padding:20px}.account-app .account-card-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:is(.site-shell,.account-app) *, :is(.site-shell,.account-app) *::before, :is(.site-shell,.account-app) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}