@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";
:root{--text:#f7fafc;--muted:#eff6fa9e;--glass:#80878a3d;--glass-strong:#a0a7aa4f;--line:#ffffff29;--shadow:0 28px 90px #00000057}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:#202627;font-family:Manrope,Noto Sans TC,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.scene{background-image:url(/smart-home-bg.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}.scene-shade{background:radial-gradient(circle at 72% 12%,#4fcaff17,#0000 28%),linear-gradient(120deg,#090d0f63,#0c101238),#0c0f103d;transition:background .7s;position:fixed;inset:0}.scene-night .scene-shade{background:linear-gradient(120deg,#02080ec2,#07111a9e)}.scene-rain .scene-shade{background:linear-gradient(120deg,#0c161c94,#1b262b6b)}.dashboard-shell{width:min(1420px,100% - 48px);min-height:100vh;margin:0 auto;position:relative}.content{min-width:0;padding:24px 0 42px}.toolbar{align-items:center;gap:14px;margin-bottom:18px;display:flex}.view-switch{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12181a4d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.view-switch button{cursor:pointer;color:#ffffff85;background:0 0;border:0;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700}.view-switch button.active{color:#fff;background:#ffffff21}.ambient-info{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.ambient-info svg{color:#8bdcff;width:18px}.ambient-info b{color:#fff;margin-left:4px;font-size:14px;font-weight:600}.search-trigger{color:#ffffffbf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#1c232557;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;transition:all .2s;display:grid}.search-trigger:hover,.search-trigger.active{color:#fff;background:#ffffff24}.search-trigger svg{width:19px}.search-panel{opacity:0;background:#0a0f1142;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;height:0;margin-top:0;transition:all .25s;display:flex;overflow:hidden}.search-panel.open{opacity:1;border-color:var(--line);height:52px;margin-bottom:14px;padding:0 16px}.search-panel svg{width:18px;color:var(--muted)}.search-panel input{color:#fff;background:0 0;border:0;outline:0;flex:1}.search-panel input::placeholder{color:#ffffff75}.search-panel button{color:#fff;cursor:pointer;background:0 0;border:0}.category-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;cursor:grab;scroll-behavior:smooth;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;flex:1;gap:6px;padding:0;display:flex;overflow-x:auto}.category-tabs.dragging{cursor:grabbing;scroll-behavior:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{color:#ffffff8f;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;flex:none;padding:10px 17px;font-size:15px;font-weight:600;transition:all .2s}.category-tabs button:hover{color:#fff}.category-tabs button.active{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff21;box-shadow:inset 0 0 0 1px #ffffff21}.system-categories{margin:-3px 0 16px}.view-home .camera-home,.view-system .network-grid,.view-system .directory-section{animation:.28s both page-in}@keyframes page-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.glass-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff1b,#ffffff0b);box-shadow:0 14px 32px #0000001c}.network-grid{grid-template-columns:1.55fr .78fr;gap:14px;display:grid}.traffic-card,.internet-card,.dhcp-card,.lease-panel,.health-panel{border-radius:24px;padding:22px}.traffic-card{min-height:310px;overflow:hidden}.internet-card,.dhcp-card{flex-direction:column;min-height:310px;display:flex}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-head>div:first-child{flex-direction:column;gap:3px;display:flex}.panel-head span:first-child{color:var(--muted);letter-spacing:.13em;font-size:10px;font-weight:700}.panel-head h2{letter-spacing:-.025em;margin:0;font-size:20px}.panel-head>svg{color:#8cddff;width:24px}.connection-state{color:#ffffffbf;background:#ffffff12;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex}.connection-state i{border-radius:50%;width:7px;height:7px}.connection-state.online i{background:#55dda2;box-shadow:0 0 11px #55dda2}.connection-state.offline i{background:#ff8585}.speed-row{gap:42px;margin-top:22px;display:flex}.speed-value{align-items:center;gap:10px;display:flex}.speed-value>svg{width:22px}.speed-value.download>svg{color:#68d5ff}.speed-value.upload>svg{color:#d3a7ff}.speed-value div{flex-direction:column;display:flex}.speed-value strong{letter-spacing:-.055em;font-size:38px;line-height:1}.speed-value span{color:var(--muted);margin-top:4px;font-size:11px}.traffic-chart{width:calc(100% + 8px);height:104px;margin:7px -4px 0;overflow:visible}.traffic-chart line{stroke:#ffffff1f;stroke-width:.35px}.traffic-chart polyline{fill:none;vector-effect:non-scaling-stroke}.traffic-chart .download-line{stroke:#69d5ff;stroke-width:2px}.traffic-chart .upload-line{stroke:#d0a0ff;stroke-width:1.5px;opacity:.9}.traffic-foot{color:var(--muted);border-top:1px solid #ffffff17;align-items:center;gap:20px;padding-top:9px;font-size:11px;display:flex}.traffic-foot b{color:#fff;margin-left:4px}.traffic-foot small{color:#ffffff6b;margin-left:auto}.public-ip{border-bottom:1px solid #ffffff17;flex-direction:column;gap:4px;padding:19px 0 17px;display:flex}.public-ip span{color:var(--muted);font-size:11px}.public-ip strong{letter-spacing:-.025em;font-size:24px}.internet-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.internet-metrics>div{background:#ffffff0e;border-radius:15px;flex-direction:column;gap:3px;padding:12px;display:flex}.internet-metrics span{color:var(--muted);font-size:10px}.internet-metrics strong{font-size:16px}.fortigate-line{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.fortigate-line svg{color:#68d5ff;width:17px}.fortigate-line b{color:#ffffffb3;margin-left:auto;font-weight:600}.active-device-count{align-items:baseline;flex-direction:row!important;gap:4px!important}.active-device-count strong{font-size:32px;line-height:1}.active-device-count span{color:var(--muted);font-size:11px}.pool-list{flex-direction:column;gap:17px;margin-top:25px;display:flex}.pool-row{grid-template-columns:1fr 44px;align-items:end;gap:8px 12px;display:grid}.pool-row>div{grid-column:1/-1;justify-content:space-between;align-items:baseline;display:flex}.pool-row strong{font-size:13px}.pool-row span{color:var(--muted);font-size:10px}.pool-row>i{background:#ffffff1a;border-radius:99px;height:7px;overflow:hidden}.pool-row>i b{border-radius:inherit;background:linear-gradient(90deg,#57cfff,#70e5b0);max-width:100%;height:100%;display:block}.pool-row em{color:#ffffffb8;text-align:right;font-size:11px;font-style:normal}.loading-line{color:var(--muted);padding:24px 0;font-size:12px}.detail-grid{grid-template-columns:1.55fr .75fr;gap:14px;margin-top:14px;display:grid}.system-detail-grid{grid-template-columns:1fr}.lease-panel,.health-panel{min-height:300px}.lease-panel .panel-head button{cursor:pointer;color:#ffffffc2;background:#ffffff14;border:0;border-radius:999px;padding:8px 12px;font-size:11px}.lease-list{margin-top:16px}.lease-row{border-top:1px solid #ffffff13;grid-template-columns:34px minmax(130px,1fr) 112px 62px 58px;align-items:center;gap:10px;min-height:50px;padding:7px 0;display:grid}.lease-device-icon{color:#8bdcff;background:#5ac8f51c;border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.lease-device-icon svg{width:15px}.lease-name{flex-direction:column;gap:2px;min-width:0;display:flex}.lease-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lease-name span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;overflow:hidden}.lease-row code{color:#ffffffd4;font:11px Manrope,sans-serif}.network-chip,.lease-type{color:#ffffffa8;background:#ffffff12;border-radius:999px;justify-self:start;padding:5px 8px;font-size:9px}.lease-type{justify-self:end}.lease-type.reserved{color:#84e6ba;background:#54dda21a}.health-summary{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.health-summary>div{background:#55dda214;border-radius:16px;flex-direction:column;gap:3px;padding:13px;display:flex}.health-summary>div.has-alert{background:#ff7d7d17}.health-summary strong{font-size:24px}.health-summary span{color:var(--muted);font-size:10px}.resource-list{border-block:1px solid #ffffff14;flex-direction:column;gap:10px;padding:14px 0;display:flex}.resource-row{grid-template-columns:48px 1fr 40px;align-items:center;gap:10px;font-size:12px;display:grid}.resource-row>span{color:var(--muted)}.resource-row>i{background:#ffffff1a;border-radius:99px;height:6px;overflow:hidden}.resource-row>i b{border-radius:inherit;background:linear-gradient(90deg,#54c6ff,#8edcff);max-width:100%;height:100%;transition:width .45s;display:block}.resource-row>strong{text-align:right;font-size:11px}.vm-list{flex-direction:column;gap:8px;padding-top:13px;display:flex}.vm-row{grid-template-columns:7px 46px minmax(80px,1fr) auto;align-items:center;gap:7px;font-size:10px;display:grid}.vm-row>i{background:#ff8585;border-radius:50%;width:7px;height:7px}.vm-row>i.online{background:#55dda2;box-shadow:0 0 8px #55dda299}.vm-row>span,.vm-row>em{color:var(--muted);font-style:normal}.vm-row>strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.guest-resource{background:#ffffff0e;border-radius:14px;margin-top:13px;padding:11px 12px}.guest-resource>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.guest-resource span{color:var(--muted);letter-spacing:.08em;font-size:9px}.guest-resource b{color:#ffffffb8;font-size:9px}.guest-resource p{color:#ffffffd1;margin:6px 0 0;font-size:10px}.alert-list{flex-direction:column;gap:7px;padding-top:13px;display:flex}.alert-list>span{color:#ffd2d2cc;align-items:center;gap:7px;font-size:10px;display:flex}.alert-list>span>i{background:#ff8585;border-radius:50%;width:6px;height:6px}.alert-list .all-good{color:#82e1b4}.alert-list .all-good svg{width:15px}.host-uptime{color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:10px;display:flex}.host-uptime svg{color:#ffd376;width:14px}.camera-section{border-radius:24px;margin-top:14px;padding:22px}.camera-home{background:linear-gradient(145deg,#2a33366b,#080d0f80),#12181a57;border-color:#ffffff2e;border-radius:22px;min-width:0;margin-top:0;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 0 36px #00000024,0 24px 70px #0000003d}.camera-focus-layout{grid-template-columns:minmax(0,1fr) clamp(300px,33.333% - 62px,390px);gap:8px;margin-top:0;display:grid}.camera-focus,.camera-thumb{color:#fff;cursor:pointer;background:#05090bc7;border:1px solid #ffffff29;min-width:0;padding:0;position:relative;overflow:hidden}.camera-focus{aspect-ratio:22/15;background:#05090b;border:0;border-radius:0;width:100%;min-height:0;margin:0;transition:border-color .2s,box-shadow .2s;box-shadow:0 16px 42px #0000004d,0 0 0 1px #0000006b}.camera-focus:hover{border-color:#7bdaff66;box-shadow:0 18px 48px #00000057,0 0 0 1px #56c4ef1f}.camera-focus:disabled{cursor:default}.camera-focus img,.camera-thumb img{object-fit:contain;width:100%;height:100%;display:block}.camera-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.camera-thumb{opacity:.8;background:#05090be6;border-radius:0;grid-template-rows:1fr auto;transition:opacity .2s,border-color .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:0 8px 22px #0003}.camera-thumb-media{aspect-ratio:22/15;background:#05090b;min-height:0;display:block;overflow:hidden}.camera-thumb-caption{color:#ffffffad;letter-spacing:.04em;text-align:left;background:linear-gradient(90deg,#151d20fa,#0b1113f5);border-top:1px solid #ffffff14;align-items:center;gap:6px;min-height:27px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.camera-thumb-caption i{background:#ff8585;border-radius:50%;width:6px;height:6px}.camera-thumb-caption i.online{background:#55dda2;box-shadow:0 0 8px #55dda2bf}.camera-thumb:hover,.camera-thumb.active{opacity:1;border-color:#5dd0ffb3}.camera-thumb:hover{transform:translateY(-1px)}.camera-thumb.active{box-shadow:0 0 0 1px #5dd0ff57,0 10px 28px #148ec229}.camera-offline{color:#ffffff61;background:radial-gradient(circle,#46565b38,#05090b66);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:100px;font-size:11px;display:flex}.camera-offline svg{width:23px}.swipe-hint{color:#ffffff6b;justify-content:center;align-items:center;gap:6px;padding:16px 0 2px;font-size:10px;display:flex}.swipe-hint span{background:#fff3;border-radius:50%;width:6px;height:6px}.swipe-hint span.active{background:#6fd5ffcc;border-radius:99px;width:18px}.camera-layout{grid-template-columns:1.35fr 1fr;gap:10px;margin-top:16px;display:grid}.camera-secondary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.camera-view{color:#fff;cursor:pointer;background:#090e10b3;border:1px solid #ffffff1f;border-radius:18px;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.camera-primary{aspect-ratio:16/8.9}.camera-secondary .camera-view{aspect-ratio:16/10.2}.camera-view img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.camera-view:hover img{transform:scale(1.015)}.camera-view>svg{box-sizing:content-box;color:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#05090a75;border-radius:10px;width:17px;height:17px;padding:7px;transition:opacity .2s;position:absolute;top:10px;right:10px}.camera-view:hover>svg{opacity:1}.camera-loading{min-height:260px;color:var(--muted);background:#090e1059;border-radius:18px;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.camera-loading svg{color:#8bdcff;width:20px}.camera-modal{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.camera-modal-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#020608d1;border:0;position:absolute;inset:0}.camera-modal-content{background:#080d0f;border:1px solid #ffffff2e;border-radius:24px;width:min(1120px,94vw);position:relative;overflow:hidden;box-shadow:0 28px 100px #0000009e}.camera-modal-content>div{color:#ffffffd1;background:#ffffff0f;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.camera-modal-content>div span{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.camera-modal-content>div span i{background:#55dda2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #55dda2}.camera-modal-content>div button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.camera-modal-content>div button svg{width:17px}.camera-modal-content>img{object-fit:contain;background:#050809;width:100%;max-height:calc(100vh - 130px);display:block}.dhcp-drawer{border-radius:20px;margin-top:14px;padding:0 22px}.dhcp-drawer summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:68px;list-style:none;display:flex}.dhcp-drawer summary::-webkit-details-marker{display:none}.dhcp-drawer summary>span:first-child{flex-direction:column;gap:3px;display:flex}.dhcp-drawer summary b{font-size:14px}.dhcp-drawer summary small{color:var(--muted);font-size:10px}.drawer-arrow{color:var(--muted);font-size:22px;transition:transform .2s}.dhcp-drawer[open] .drawer-arrow{transform:rotate(180deg)}.dhcp-drawer-content{border-top:1px solid #ffffff14;grid-template-columns:.72fr 1.5fr;gap:24px;padding:0 0 20px;display:grid}.dhcp-drawer-content .pool-list{padding-top:4px}.dhcp-drawer-content .lease-panel{min-height:0;padding-top:18px}.directory-section{margin-top:24px}.directory-section.filtered{margin-top:0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:13px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:21px}.section-heading p{color:var(--muted);margin:0;font-size:11px}.entry-section+.entry-section{margin-top:24px}.entry-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.entry-card{color:#fff;border-radius:21px;flex-direction:column;min-height:166px;padding:18px;text-decoration:none;transition:transform .22s,border-color .22s,background .22s;display:flex;position:relative;overflow:hidden}.entry-card:after{content:"";background:var(--accent);filter:blur(42px);opacity:.24;border-radius:50%;width:120px;height:120px;position:absolute;top:-68px;right:-68px}.entry-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, white 25%);background:linear-gradient(145deg,#ffffff26,#ffffff0e);transform:translateY(-4px)}.entry-head{justify-content:space-between;align-items:center;display:flex}.entry-icon{width:42px;height:42px;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent);border-radius:14px;place-items:center;display:grid}.entry-icon svg{width:21px}.entry-badge{color:#ffffffbd;background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:11px}.live-badge{color:#ffffffc7;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:inline-flex}.live-badge i{border-radius:50%;width:7px;height:7px}.live-badge.online i{background:#55dda2;box-shadow:0 0 10px #55dda2cc}.live-badge.offline{color:#ffdcdcc7}.live-badge.offline i{background:#ff8585;box-shadow:0 0 10px #ff85858c}.entry-copy{margin-top:17px}.entry-copy>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.entry-copy h3{margin:4px 0 5px;font-size:20px}.entry-copy p{color:var(--muted);margin:0;font-size:13px}.empty-state{text-align:center;border-radius:22px;padding:46px}.empty-state svg{color:#85dcff}.empty-state h3{margin:10px 0 4px}.empty-state p{color:var(--muted);margin:0;font-size:12px}@media (max-width:1050px){.network-grid{grid-template-columns:1.3fr .8fr}.detail-grid{grid-template-columns:1fr}.health-panel{min-height:0}.dhcp-drawer-content{grid-template-columns:1fr;gap:4px}.camera-focus-layout{flex-direction:column;display:flex}.camera-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.dashboard-shell{width:calc(100% - 28px);min-height:100vh}.content{padding:16px 0 28px}.toolbar{gap:7px;margin-bottom:14px}.category-tabs{margin-left:-6px}.ambient-info{display:none}.network-grid{grid-template-columns:1fr}.traffic-card{grid-column:auto}.internet-card,.dhcp-card{min-height:270px}.detail-grid{grid-template-columns:1fr}.camera-focus{aspect-ratio:22/15;width:100%;min-height:0}.camera-wall{grid-template-columns:repeat(4,1fr);gap:7px}.camera-thumb{border-radius:12px}.camera-thumb-caption{min-height:23px;padding:0 6px;font-size:8px}.camera-layout{grid-template-columns:1fr}.camera-secondary{grid-template-columns:1fr 1fr}.camera-primary{aspect-ratio:16/9}.lease-row{grid-template-columns:34px minmax(110px,1fr) 92px 54px}.lease-row .network-chip{display:none}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:470px){.traffic-card,.internet-card,.dhcp-card,.lease-panel,.health-panel{border-radius:21px;padding:18px}.camera-section{border-radius:21px;padding:16px}.camera-home{padding:0}.camera-wall{grid-template-columns:1fr 1fr}.camera-layout,.camera-secondary{gap:7px}.camera-secondary .camera-view{border-radius:14px}.camera-modal{padding:10px}.camera-modal-content{border-radius:18px;width:100%}.speed-row{gap:22px}.speed-value strong{font-size:31px}.traffic-foot{gap:10px}.traffic-foot small{display:none}.lease-row{grid-template-columns:32px minmax(95px,1fr) 88px 48px;gap:7px}.lease-name span{display:none}.lease-row code{font-size:10px}.lease-type{padding:5px 6px}.vm-row{grid-template-columns:7px 42px minmax(65px,1fr)}.vm-row>em{display:none}.entry-grid{grid-template-columns:1fr}.entry-card{min-height:170px}.category-tabs{margin-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.login-scene{background:#111719 url(/smart-home-bg.png) 50%/cover no-repeat fixed;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 28%,#5bc7f121,#0000 34%),linear-gradient(135deg,#04090cb8,#090f1294);position:absolute;inset:0}.login-card{color:#fff;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:linear-gradient(145deg,#37404385,#0c1214a6);border:1px solid #ffffff29;border-radius:26px;width:min(390px,100%);padding:34px;position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 90px #0006}.login-eyebrow{color:#83dcff;letter-spacing:.14em;font-size:10px;font-weight:700}.login-card h1{letter-spacing:-.03em;margin:8px 0 5px;font-size:27px}.login-card>p{color:#ffffff8c;margin:0 0 28px;font-size:13px}.login-card label{flex-direction:column;gap:8px;display:flex}.login-card label>span{color:#ffffffad;font-size:11px;font-weight:600}.login-card input{color:#fff;background:#03080a6b;border:1px solid #ffffff24;border-radius:14px;outline:0;width:100%;height:52px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:#68d3fba6;box-shadow:0 0 0 3px #55c0eb1f}.login-card input::placeholder{color:#ffffff47}.login-card button{color:#061116;cursor:pointer;background:linear-gradient(135deg,#a9e8ff,#62c9ee);border:1px solid #89dfff4d;border-radius:14px;width:100%;height:48px;margin-top:16px;font-weight:800;box-shadow:0 10px 26px #3aafda33}.login-card button:disabled{opacity:.5;cursor:default}.login-error{color:#ffd0d0;background:#b836362e;border-radius:10px;margin-top:11px;padding:9px 11px;font-size:11px}