:root{color-scheme:light;font-family:SF Pro Display,PingFang SC,Helvetica Neue,Arial,sans-serif;--bg: #f4f8ff;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff;--text: #12203a;--muted: #6f7c96;--line: rgba(23, 64, 138, .08);--blue: #1767f7;--blue-deep: #0d4fe0;--green: #21c67a;--orange: #ff9a3d;--red: #ff5f6d;--shadow: 0 24px 60px rgba(17, 52, 110, .12);--shadow-soft: 0 10px 30px rgba(31, 77, 155, .08);--radius-xl: 34px;--radius-lg: 26px;--radius-md: 20px;--radius-sm: 16px;--transition: .32s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at 10% 8%,rgba(22,103,247,.16),transparent 22%),radial-gradient(circle at 86% 4%,rgba(84,212,176,.18),transparent 20%),linear-gradient(180deg,#f9fbff,#edf4ff 52%,#f6f9ff)}button,input,textarea{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}#app{min-height:100dvh}.cert-app{display:grid;grid-template-columns:128px minmax(0,1fr);min-height:100dvh}.rail{position:sticky;top:0;display:flex;min-height:100dvh;flex-direction:column;justify-content:space-between;padding:28px 18px;border-right:1px solid rgba(23,64,138,.06);background:#f9fcffb8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.rail__brand{display:grid;gap:12px;justify-items:center;text-align:center}.brand-mark{display:grid;height:54px;width:54px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#1c75ff,#5ca8ff);color:#fff;box-shadow:var(--shadow-soft);font-size:20px;font-weight:700}.rail__brand strong,.rail__brand small{display:block}.rail__brand small{margin-top:4px;color:var(--muted);font-size:12px}.rail__nav{display:grid;gap:10px}.rail__nav button{display:grid;gap:6px;place-items:center;border-radius:22px;background:transparent;color:#70819f;padding:12px 8px;transition:transform var(--transition),background var(--transition),color var(--transition)}.rail__nav button span{display:grid;height:32px;width:32px;place-items:center;border-radius:12px;background:#1667f714;color:var(--blue);font-size:12px;font-weight:700}.rail__nav button.active{background:#ffffffc7;color:var(--text);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.showcase{padding:34px 36px}.showcase__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.showcase__header h1,.screen h2,.bottom-sheet h2,.modal-card h2{margin:0;letter-spacing:-.04em}.showcase__header h1{font-size:clamp(32px,4vw,48px);line-height:1}.showcase__header p,.spec-panel p,.screen p,.screen small,.screen em,.screen dt{color:var(--muted)}.showcase__header p{max-width:680px;margin:12px 0 0;font-size:16px;line-height:1.72}.header-actions{display:flex;gap:12px}.device-stage{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.phone-shell{position:relative;min-height:calc(100dvh - 170px);border-radius:42px;padding:22px;background:radial-gradient(circle at 20% 0%,rgba(117,190,255,.28),transparent 26%),radial-gradient(circle at 100% 10%,rgba(57,211,170,.2),transparent 24%),#ffffff8a;box-shadow:inset 0 1px #ffffffb3,var(--shadow);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.phone{position:relative;width:min(100%,430px);min-height:calc(100dvh - 214px);margin:0 auto;overflow:hidden;border-radius:38px;border:1px solid rgba(255,255,255,.58);background:radial-gradient(circle at 50% 0%,rgba(131,184,255,.22),transparent 26%),linear-gradient(180deg,#fbfdff,#f3f8ff 56%,#f9fbff);box-shadow:inset 0 1px #ffffffe6,0 20px 60px #0f316b2e}.screen{position:relative;min-height:calc(100dvh - 214px);padding:14px 18px 28px}.screen--home,.screen--devices,.screen--wallet,.screen--tickets,.screen--apps,.screen--agency,.screen--pool,.screen--keys{overflow-y:auto}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 6px;font-size:14px;font-weight:700}.status-icons{display:inline-flex;align-items:center;gap:6px}.status-icons i{display:block;border-radius:999px;background:#112347}.status-icons i:nth-child(1){width:18px;height:10px}.status-icons i:nth-child(2){width:14px;height:10px}.status-icons i:nth-child(3){width:24px;height:10px}.spec-panel,.panel,.summary-card,.version-strip,.balance-card,.ticket-hero,.key-stat,.device-card,.app-row,.account-card,.key-card,.modal-card,.bottom-sheet,.floating-modal,.site-card,.ticket-list .ticket-row,.records-card,.wallet-stats article{background:#ffffffeb;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.spec-panel{position:sticky;top:34px;padding:26px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.spec-panel h2{margin:0 0 10px;font-size:28px}.spec-panel dl{display:grid;gap:14px;margin:20px 0 0}.spec-panel dt{margin-bottom:4px;color:var(--muted);font-size:13px}.spec-panel dd{margin:0;font-size:14px;font-weight:600}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mobile-topbar strong{font-size:26px;letter-spacing:-.04em}.icon-button,.close-button,.menu-button{display:inline-grid;height:44px;width:44px;place-items:center;border-radius:50%;background:#ffffffe0;box-shadow:inset 0 1px #ffffffd9,var(--shadow-soft);color:var(--text);font-size:24px}.topbar-spacer{width:44px}.primary-button,.soft-button,.outline-button,.ghost-button,.success-button,.danger-button,.pill-button{border-radius:999px;padding:0 18px;min-height:44px;font-weight:700;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.primary-button,.pill-button.active,.operation-center .primary-button{background:linear-gradient(135deg,var(--blue),#4f94ff);color:#fff;box-shadow:0 18px 30px #1767f73d}.success-button{background:linear-gradient(135deg,#1bbf76,#59de9d);color:#fff;box-shadow:0 18px 30px #1cb67338}.soft-button,.ghost-button,.outline-button,.danger-button,.pill-button{background:#ffffffe0;border:1px solid rgba(23,64,138,.1);color:var(--text)}.danger-button{color:var(--red);border-color:#ff5f6d38}.primary-button:hover,.soft-button:hover,.outline-button:hover,.ghost-button:hover,.success-button:hover,.danger-button:hover,.pill-button:hover,.rail__nav button:hover,.feature-tile:hover,.action-card:hover,.app-row:hover,.ticket-row:hover,.key-card:hover,.device-card:hover{transform:translateY(-1px)}.primary-button:active,.soft-button:active,.outline-button:active,.ghost-button:active,.success-button:active,.danger-button:active,.pill-button:active{transform:scale(.98)}.pill-button--small{min-height:40px}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700}.badge--blue{background:#1767f71c;color:var(--blue)}.badge--green{background:#21c67a24;color:#149d5d}.badge--orange{background:#ff9a3d29;color:#df7f13}.badge--red{background:#ff5f6d24;color:#ea4d5d}.home-hero,.app-brand,.agency-hero,.add-account,.ticket-hero{display:grid;gap:16px;margin-bottom:18px}.home-hero{grid-template-columns:auto 1fr;align-items:center}.home-hero h2,.agency-hero h2,.ticket-hero h2,.app-brand h2{font-size:22px}.avatar-card{position:relative;display:grid;height:64px;width:64px;place-items:center;border-radius:24px;background:linear-gradient(145deg,#f0f6ff,#dbe9ff);font-size:22px;font-weight:700;box-shadow:var(--shadow-soft)}.avatar-card i{position:absolute;right:3px;bottom:3px;height:14px;width:14px;border:2px solid #fff;border-radius:50%;background:#2ad67b}.home-actions{grid-column:1 / -1;display:flex;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-card{position:relative;overflow:hidden;min-height:142px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#fffffff5,#f7fbfff2);border:1px solid rgba(23,64,138,.08);box-shadow:var(--shadow-soft)}.stat-card:after{content:"";position:absolute;inset:auto 18px 12px auto;height:56px;width:56px;border-radius:18px;background:currentColor;opacity:.1;filter:blur(8px)}.stat-card strong{display:block;margin-top:18px;color:var(--text);font-size:28px;letter-spacing:-.04em}.stat-card__label{display:block;color:var(--text);font-size:16px;font-weight:700}.stat-card__icon{position:absolute;right:18px;bottom:18px;font-weight:700}.stat-card--blue{color:#508eff}.stat-card--green{color:#27d0a3}.stat-card--orange{color:#ff9a3d}.stat-card--rose{color:#ff7f97}.panel{padding:18px;margin-bottom:18px}.panel-head,.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3,.section-title-row h3{margin:0;font-size:22px;letter-spacing:-.03em}.notify-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:14px 0}.notify-row+.notify-row{border-top:1px solid rgba(23,64,138,.08)}.notify-row strong,.notify-row em,.ticket-row strong,.device-card strong,.key-card strong,.account-card strong,.app-row strong{color:var(--text)}.notify-icon,.record-icon,.brand-shield{display:inline-grid;height:42px;width:42px;place-items:center;border-radius:16px;background:#1767f71f;color:var(--blue);font-weight:700}.notify-icon.green{background:#21c67a24;color:#13985b}.toggle{position:relative;display:inline-block;width:54px;height:32px;border-radius:999px;background:#7488a73d}.toggle i{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 8px 16px #0f1e3f29;transition:transform var(--transition)}.toggle.on{background:linear-gradient(135deg,var(--blue),#4d95ff)}.toggle.on i{transform:translate(22px)}.notify-form,.quick-actions,.dual-actions,.search-row,.operation-buttons,.site-tabs,.card-actions,.account-actions,.account-danger,.purchase-actions{display:flex;gap:12px;flex-wrap:wrap}.notify-form input,.search-row input,.money-input input,.form-field input,.form-field textarea{width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(23,64,138,.12);background:#f8fbffeb;padding:0 16px;color:var(--text);outline:none}.form-field textarea{min-height:114px;padding:14px 16px;resize:none}.notify-form input,.search-row input{flex:1 1 220px}.action-card,.feature-tile,.logout-tile,.operation-grid button,.quick-manage .quick-actions button{min-height:94px;border-radius:24px;border:1px solid rgba(23,64,138,.08);background:#fffffff0;box-shadow:var(--shadow-soft)}.action-card{flex:1 1 0;display:grid;gap:4px;justify-items:start;padding:16px 18px;text-align:left}.action-card--blue{background:linear-gradient(135deg,#1767f7,#6baeff);color:#fff}.action-card--green{background:linear-gradient(135deg,#1abf78,#5ce2aa);color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-tile,.operation-grid button{display:grid;gap:8px;place-items:center;padding:14px 10px}.feature-tile span,.operation-grid button span{display:inline-grid;height:44px;width:44px;place-items:center;border-radius:16px;background:#1767f714;color:var(--blue);font-weight:700}.logout-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin-top:12px;padding:16px 18px;text-align:left}.logout-tile span{display:inline-grid;height:44px;width:44px;place-items:center;border-radius:16px;background:#ff5f6d1f;color:var(--red)}.announcement p{margin:10px 0 0;font-size:14px;line-height:1.7}.summary-card,.balance-card,.ticket-hero{padding:20px;margin-bottom:16px}.summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-card strong,.balance-card strong,.app-summary strong,.key-stat strong{display:block;margin-top:8px;font-size:38px;letter-spacing:-.06em}.danger-text{color:var(--red)}.version-strip,.app-summary,.key-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;margin-bottom:16px}.version-strip article,.app-summary div,.key-stat{padding:12px;border-radius:18px;background:#fafcffe6;text-align:center}.operation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.device-list,.app-list,.records-card,.account-list,.key-list{display:grid;gap:14px}.device-card,.app-row,.account-card,.key-card{padding:16px}.device-card__top{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.push{flex:1}.device-fields,.key-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:14px 0}.device-fields dt,.key-fields dt{margin-bottom:4px;font-size:12px}.device-fields dd,.key-fields dd{margin:0;color:var(--text);font-size:14px;word-break:break-all}.quality-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:14px}.quality-row i{display:block;height:10px;border-radius:999px;background:#10295c14}.quality-row b{display:block;height:10px;border-radius:inherit;background:linear-gradient(90deg,#17c271,#59daaa)}.tabbar{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;padding:10px 12px 16px;border-radius:24px 24px 0 0;background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabbar button{min-height:44px;border-radius:16px;background:transparent;color:var(--muted);font-weight:700}.tabbar .active{color:var(--blue);background:#1767f714}.screen--modal{display:grid;place-items:center}.dim-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#101f4261;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card,.floating-modal{position:relative;z-index:1;width:min(100%,392px);padding:22px}.close-button{position:absolute;top:18px;right:18px}.package-grid,.form-grid,.color-grid,.media-grid,.quota-grid{display:grid;gap:12px}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 14px}.package-card{padding:14px;border-radius:20px;border:1px solid rgba(23,64,138,.1);background:#fff}.package-card strong{font-size:18px}.package-card b{display:block;margin:8px 0 14px;font-size:26px}.package-card p{display:flex;justify-content:space-between;margin:10px 0 0;font-size:13px}.package-card em{color:var(--text);font-style:normal;font-weight:700}.package-card.active{box-shadow:0 0 0 2px #1767f72e inset}.package-card--leaf{background:linear-gradient(180deg,#e1fff0c7,#fff)}.package-card--sky{background:linear-gradient(180deg,#e4efffc7,#fff)}.package-card--amber{background:linear-gradient(180deg,#fff3e2db,#fff)}.package-card--blue{background:linear-gradient(180deg,#e8f1ffdb,#fff)}.package-card--red{background:linear-gradient(180deg,#ffeaecd6,#fff)}.package-card--royal{background:linear-gradient(180deg,#ecf3ffe0,#fff)}.service-note,.privacy-line,.subtitle{text-align:center}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.form-field{display:grid;gap:8px}.form-field span,.config-form h4{color:var(--text);font-size:14px;font-weight:700}.form-field small{font-size:12px}.rules-box{margin-top:16px;border-radius:20px;background:linear-gradient(180deg,#f2f7ff,#eef5ff);padding:16px}.rules-box strong{display:block;margin-bottom:8px}.balance-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#1767f7,#5da9ff);color:#fff}.balance-card span,.balance-card p,.balance-card em{color:#ffffffe0}.balance-card button{position:absolute;top:22px;right:22px;min-width:118px;min-height:52px;border-radius:999px;background:#fffffff2;color:var(--blue);font-size:18px;font-weight:700}.balance-card strong{display:inline-block;margin-right:10px}.wallet-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.wallet-stats article{padding:18px}.segmented{display:inline-flex;padding:4px;border-radius:999px;background:#f4f8fff5;border:1px solid rgba(23,64,138,.08)}.segmented button{min-height:38px;padding:0 16px;border-radius:999px;background:transparent;color:var(--muted);font-weight:700}.segmented .active{background:linear-gradient(135deg,var(--blue),#5ca2ff);color:#fff}.record-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px 18px}.record-row em{color:var(--text);font-style:normal;font-weight:700}.record-row--in em{color:#1db767}.record-row--out em{color:var(--red)}.bottom-sheet{position:absolute;right:0;bottom:0;left:0;padding:18px 18px 24px;border-radius:30px 30px 0 0;background:#fffffff5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.sheet-handle{display:block;width:76px;height:6px;margin:0 auto 12px;border-radius:999px;background:#6c7f9c47}.money-input{display:flex;align-items:center;gap:12px;margin:18px 0 10px;border-radius:18px;border:1px solid rgba(23,64,138,.1);background:#f8fbfff0;padding:0 16px}.money-input span{color:var(--text);font-size:22px;font-weight:700}.money-input input{border:0;background:transparent;padding-left:0}.wide{width:100%}.split-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:14px;margin-bottom:16px}.ticket-hero{background:linear-gradient(135deg,#1767f7,#5ca7ff);color:#fff}.ticket-hero p,.ticket-hero small,.ticket-hero span{color:#ffffffd6}.ticket-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ticket-metrics span{display:grid;gap:4px;padding:14px;border-radius:18px;background:#ffffff1f}.reply-list{display:grid;gap:10px;margin:18px 0}.reply-list article{border-radius:18px;background:#f6f9ffe0;padding:12px 14px}.ticket-list .ticket-row{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:16px;margin-top:12px}.app-brand{grid-template-columns:auto 1fr auto;align-items:center}.brand-shield{height:60px;width:60px;border-radius:22px;background:linear-gradient(145deg,#1767f7,#5eaaff);color:#fff;font-size:20px}.app-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.notice-bar{margin:0 0 16px;border:1px solid rgba(23,103,247,.12);border-radius:18px;background:#ebf3ffc7;padding:14px 16px}.app-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.app-icon{display:inline-grid;height:66px;width:66px;place-items:center;border-radius:22px;color:#fff;font-size:22px;font-weight:700}.app-icon--blue{background:linear-gradient(145deg,#2391ff,#2f56f4)}.app-icon--green{background:linear-gradient(145deg,#4ad5a2,#21906a)}.app-icon--orange{background:linear-gradient(145deg,#ffbd6a,#ff8d32)}.install-head{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-bottom:16px}.agency-hero{grid-template-columns:auto 1fr auto;align-items:center}.menu-button{font-size:22px}.site-tabs button,.segmented button,.tabbar button{transition:background var(--transition),color var(--transition),transform var(--transition)}.site-tabs .active{background:linear-gradient(135deg,var(--blue),#5ea7ff);color:#fff}.url-card,.quick-manage .quick-actions button,.quota-grid span{padding:14px;border-radius:18px;border:1px solid rgba(23,64,138,.08);background:#f8fbffe6}.url-card{display:grid;gap:10px;margin:14px 0}.quick-manage .quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-manage .quick-actions button{min-height:110px;text-align:left}.config-form h4{margin:16px 0 10px}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-grid label,.media-grid div{display:grid;gap:10px}.color-grid b{display:block;height:48px;border-radius:16px}.color-grid input{min-height:44px;border-radius:14px;border:1px solid rgba(23,64,138,.12);padding:0 14px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid div{min-height:112px;border-radius:20px;border:1px solid rgba(23,64,138,.08);background:linear-gradient(180deg,#eef5ffe6,#f7fafff2),linear-gradient(120deg,rgba(23,103,247,.08),transparent);padding:14px}.add-account{align-items:center}.add-account a{justify-self:end;color:var(--blue);font-weight:700}.account-main{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:12px 0}.quota-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.quota-grid strong{display:block;margin-top:4px;font-size:22px}.switch-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.key-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.key-stat{padding:18px}.key-stat--green{border-color:#21c67a2e}.key-stat--orange{border-color:#ff9a3d2e}.operation-center h3{margin:0 0 14px}.key-card__head{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;margin-bottom:12px}.floating-modal{position:absolute;right:12px;bottom:24px;width:min(100%,338px)}@media(max-width:1180px){.cert-app{grid-template-columns:1fr}.rail{position:static;min-height:auto;gap:16px;border-right:0;border-bottom:1px solid rgba(23,64,138,.06)}.rail__brand{justify-items:start;text-align:left}.rail__nav{grid-template-columns:repeat(4,minmax(0,1fr))}.device-stage{grid-template-columns:1fr}.spec-panel{position:static}}@media(max-width:820px){.showcase{padding:20px 14px 24px}.showcase__header{flex-direction:column;align-items:stretch}.header-actions,.home-actions,.quick-actions,.notify-form,.dual-actions,.purchase-actions,.search-row,.operation-buttons,.site-tabs,.account-actions,.account-danger,.card-actions{display:grid;grid-template-columns:1fr}.phone-shell{padding:12px}.phone,.screen{min-height:auto}.screen{padding:12px 12px 22px}.stats-grid,.summary-card,.wallet-stats,.split-layout,.app-summary,.version-strip,.key-stats,.package-grid,.form-grid,.color-grid,.media-grid,.quota-grid,.feature-grid,.operation-grid,.quick-manage .quick-actions,.device-fields,.key-fields,.ticket-list .ticket-row,.app-row,.account-main,.key-card__head,.notify-row{grid-template-columns:1fr}.app-row,.ticket-list .ticket-row,.record-row{align-items:start}.bottom-sheet,.floating-modal,.modal-card{width:calc(100% - 20px);right:10px;left:10px}.rail__nav{grid-template-columns:repeat(3,minmax(0,1fr))}}.user-auth-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;min-height:100dvh;padding:28px}.user-auth-card,.user-auth-form{border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffffe0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.user-auth-card{position:relative;overflow:hidden;padding:34px;display:grid;align-content:center;gap:24px}.user-auth-card:after{content:"";position:absolute;right:-50px;bottom:-50px;width:180px;height:180px;border-radius:40px;background:radial-gradient(circle,rgba(33,198,122,.28),transparent 70%)}.auth-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.auth-badges article{padding:16px;border-radius:20px;background:#f7faffeb;border:1px solid rgba(23,64,138,.08);box-shadow:var(--shadow-soft)}.auth-badges span{display:block;margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.auth-badges strong{color:var(--text);font-size:18px}.user-auth-form{padding:24px;display:grid;gap:18px;align-content:start}.auth-tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#f4f8ffeb;border:1px solid rgba(23,64,138,.08)}.auth-tabs button{min-height:42px;padding:0 18px;border-radius:999px;background:transparent;color:var(--muted);font-weight:700}.auth-tabs button.active{background:linear-gradient(135deg,var(--blue),#5ea7ff);color:#fff;box-shadow:0 14px 24px #1767f72e}.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:8px}.auth-field span{color:var(--text);font-size:14px;font-weight:700}.auth-field input{width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(23,64,138,.12);background:#f8fbffeb;padding:0 16px;color:var(--text);outline:none}.auth-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1767f71f}.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) 136px;gap:10px}.auth-submit{min-height:50px;border-radius:999px;background:linear-gradient(135deg,var(--blue),#5da9ff);color:#fff;font-size:15px;font-weight:800;box-shadow:0 18px 30px #1767f73d}.auth-code-button{min-height:48px;border-radius:16px;background:#fffffff2;border:1px solid rgba(23,64,138,.1);color:var(--text);font-weight:700}.auth-submit:disabled,.auth-code-button:disabled{opacity:.65;cursor:not-allowed}.auth-message{margin:0;padding:14px 16px;border-radius:18px;font-weight:700}.auth-message.info{background:#1767f714;color:var(--blue)}.auth-message.success{background:#21c67a1f;color:#14985c}.auth-message.error{background:#ff5f6d1f;color:var(--red)}.auth-session{padding:18px;border-radius:20px;background:#f8fbffeb;border:1px solid rgba(23,64,138,.08)}.auth-session strong{display:block;margin:6px 0;color:var(--text);font-size:20px}@media(max-width:980px){.user-auth-shell,.auth-badges{grid-template-columns:1fr}}@media(max-width:640px){.user-auth-shell{padding:16px}.user-auth-card,.user-auth-form{padding:20px;border-radius:24px}.auth-code-row{grid-template-columns:1fr}}