.layout-page{background:#000;justify-content:center;min-height:100vh;padding:40px;display:flex;overflow:hidden}.layout-grid{grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);gap:40px;width:1400px;display:grid;overflow:hidden}.box.big,.box.small{height:510px}.box.small:nth-child(3),.box.small:nth-child(4),.box.small:nth-child(5){grid-column:span 1}.layout-grid{grid-auto-flow:row}@media (min-width:1200px){.layout-grid{grid-template-columns:repeat(3,1fr);grid-template-areas:"big1 big1 big2""small1 small2 small3"}.box.big:first-child{grid-area:big2}.box.big:nth-child(2){grid-area:big1}.box.small:nth-child(3){grid-area:small1}.box.small:nth-child(4){grid-area:small2}.box.small:nth-child(5){grid-area:small3}}@media (max-width:1023px){.layout-page{padding:20px;overflow:hidden}.layout-grid{gap:24px;width:100%;max-width:100%;overflow:hidden;grid-template:auto/1fr!important}.box.big,.box.small{width:100%;height:auto;min-height:400px;overflow:hidden;grid-area:auto!important}.box.big:first-child,.box.big:nth-child(2),.box.small:nth-child(3),.box.small:nth-child(4),.box.small:nth-child(5){grid-area:auto!important}.box.big:first-child{order:2}.box.big:nth-child(2){order:1}.box.small:nth-child(3){order:3}.box.small:nth-child(4){order:4}.box.small:nth-child(5){order:5}}.box{background:"black";-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #07f;border-radius:24px;justify-content:center;align-items:center;display:flex;overflow:hidden}.box>*{overflow:visible}
:root{--scale:.9;--card-width:calc(360px*var(--scale));--card-height:calc(340px*var(--scale));--card-radius:calc(28px*var(--scale));--card-padding:calc(26px*var(--scale));--glow-strength:calc(40px*var(--scale));--glow-color:#0066ff40;--score-circle-size:calc(110px*var(--scale));--score-stroke-width:calc(10px*var(--scale));--bar-height:calc(8px*var(--scale));--bar-radius:calc(20px*var(--scale));--text-small:calc(13px*var(--scale));--text-medium:calc(16px*var(--scale));--text-large:calc(26px*var(--scale))}@media (max-width:640px){:root{--scale:.7}}.page{color:#fff;background:#000;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px;font-family:system-ui,sans-serif;display:flex}.card-wrapper{width:var(--card-width);height:var(--card-height);position:relative}.glow{background:var(--glow-color);filter:blur(var(--glow-strength));border-radius:var(--card-radius);z-index:-1;position:absolute;inset:0}.card{border-radius:var(--card-radius);width:100%;height:100%;padding:var(--card-padding);box-shadow:0 0 calc(var(--glow-strength)*1.2)#2f32cc38,inset 0 0 calc(var(--glow-strength)/2)#003c8273;-webkit-backdrop-filter:blur(calc(18px*var(--scale)));backdrop-filter:blur(calc(18px*var(--scale)));background:#01011e;border:1px solid #07f;flex-direction:column;justify-content:space-between;display:flex}.header{justify-content:space-between;align-items:center;display:flex}.label{color:snow;font-size:var(--text-small)}.score{font-size:var(--text-large);margin:calc(4px*var(--scale))0;font-weight:700}.issues{font-size:var(--text-small);color:#a0a0a0}.circle{width:var(--score-circle-size);height:var(--score-circle-size);position:relative}.circle svg{width:100%;height:100%;transform:rotate(-90deg)}circle.bg{fill:none;stroke:#1d2a45;stroke-width:var(--score-stroke-width)}circle.fg{fill:none;stroke:#4ea1ff;stroke-width:var(--score-stroke-width);stroke-linecap:round;transition:stroke-dashoffset .3s}.circle-center{color:#4ea1ff;font-size:calc(var(--text-medium) + 2px);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.bars{margin-top:calc(5px*var(--scale))}.bar-container{margin-bottom:calc(18px*var(--scale))}.bar-label{font-size:var(--text-small);color:#b0b0b0}.bar-bg{height:var(--bar-height);width:100%;margin-top:calc(6px*var(--scale));border-radius:var(--bar-radius);background:#64647840;overflow:hidden}.bar-fill{border-radius:var(--bar-radius);background:linear-gradient(90deg,#38bdf8,#3b82f6);height:100%}.footer{margin-top:calc(16px*var(--scale))}.footer h2{font-size:var(--text-medium);margin-bottom:calc(8px*var(--scale))}.footer p{font-size:var(--text-small);color:#b0b4c0;line-height:1.4}
.calendar-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#e5e7eb;background:#0c1220f2;border:1px solid #07f;border-radius:22px;flex-direction:column;width:80%;max-width:400px;height:80%;padding:26px;font-family:system-ui,sans-serif;display:flex;position:relative;overflow:visible;box-shadow:0 0 40px #38bdf826}@media (max-width:768px){.calendar-card{height:90%;min-height:240px}}.calendar-header{text-align:center;color:#a0aec0;grid-template-columns:repeat(7,1fr);margin-bottom:10px;font-size:12px;display:grid}.calendar-grid{flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(7,1fr);align-items:center;gap:6px;display:grid}.calendar-cell{aspect-ratio:1;color:#d1d5db;border-radius:999px;justify-content:center;align-items:center;font-size:13px;display:flex}.calendar-cell.active{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);font-weight:600;box-shadow:0 0 10px #38bdf866}.calendar-tooltip{background:#0f172af2;border:1px solid #38bdf866;border-radius:12px;width:180px;padding:6px 12px;font-size:11px;position:absolute;right:18px;box-shadow:0 0 20px #2563eb66}.tooltip-1{top:65px}.tooltip-2{top:135px}.tooltip-title{margin:0;font-weight:500}.tooltip-sub{color:#9ca3af;margin:2px 0 0}.calendar-footer{margin-top:24px}.calendar-footer h3{margin:0;font-size:18px}.calendar-footer p{color:#9ca3af;margin-top:8px;font-size:13px}
.zig-wrapper{border-radius:30px;width:min(100%,960px);height:400px;margin:0 auto;padding:0;position:relative;overflow:hidden}.zig-wrapper:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(#000 0% 20%,#0000 100%);height:90px;position:absolute;top:0;left:0;right:0}.zig-wrapper:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(#0000 0%,#000 70%,#000000f9 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.zig-inner{justify-content:center;align-items:flex-start;width:100%;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.zig-inner:before{content:"";pointer-events:none;z-index:10;width:120px;position:absolute;top:0;bottom:0;left:0}.zig-inner:after{content:"";pointer-events:none;z-index:10;width:120px;position:absolute;top:0;bottom:0;right:0}.zig-track{flex-direction:row;align-items:flex-start;gap:102px;animation:18s linear infinite zigScroll;display:flex}.zig-column{flex-direction:column;justify-content:flex-start;gap:58px;display:flex}.zig-column.stagger{transform:translateY(36px)}.zig-row{justify-content:center;gap:8000px;display:flex}.shift-left{transform:translate(-32px)}.shift-right{transform:translate(32px)}.zig-bubble{cursor:pointer;background:radial-gradient(circle at 30% 25%,#1a2235,#0b0f18);border:1px solid #468cff40;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s,border-color .18s,background .18s,filter .18s;display:flex;box-shadow:0 0 16px #4385ff40,inset 0 0 25px #28467840}.zig-bubble:hover{filter:brightness(1.05)saturate(1.12);border-color:#007bffe6;transform:translateY(-4px)scale(1.06);box-shadow:0 0 32px #4385ff73,0 8px 32px #0832781f,inset 0 0 40px #3c6edc2e}.zig-bubble img{-o-object-fit:contain;object-fit:contain;opacity:.9;width:52px;height:52px;transition:transform .18s,filter .18s,opacity .18s}.zig-bubble:hover img{filter:drop-shadow(0 8px 28px #006fff1f);opacity:1;transform:scale(1.05)}.logo-placeholder{justify-content:center;align-items:center;font-size:32px;display:flex}@keyframes zigScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (max-width:1024px){.zig-wrapper{width:min(100%,720px);height:340px}.zig-track{gap:72px}.zig-column{gap:44px}}@media (max-width:768px){.zig-wrapper{border-radius:24px;width:min(100%,560px);height:280px}.zig-inner:before,.zig-inner:after{width:80px}.zig-track{gap:48px}.zig-column{gap:32px}.zig-bubble{width:52px;height:52px}.zig-bubble img{width:40px;height:40px}.zig-column:nth-child(n+4){display:none}}@media (max-width:500px){.zig-wrapper{width:100%;height:240px}.zig-track{gap:72px}.zig-column{gap:26px}.zig-inner:before,.zig-inner:after{width:60px}.zig-wrapper:before{height:60px}.zig-wrapper:after{height:90px}.zig-bubble{width:46px;height:46px}.zig-bubble img{width:34px;height:34px}}
.mail-card-container{background:0 0;width:100%;padding:10px;position:relative}.mail-header{z-index:1;background:#000;border:1px solid #07f;border-radius:20px;width:80%;max-height:500px;margin-bottom:10px;margin-left:10%;padding:12px 14px;position:relative;overflow:visible;box-shadow:0 0 2px #07f,0 0 2px #07f}.mail-title{color:#fff;margin:0 0 4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:600}.mail-subtitle{color:#fffc;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px}.mail-notifications{flex-direction:column;gap:8px;display:flex;position:relative;overflow:visible}.mail-notification-card{width:100%;height:60px;box-shadow:0 0 15px #07f/10,0 0 30px #07f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;cursor:pointer;background:#071a2cb3;border:1px solid #07f;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mail-notification-card:hover{z-index:10;border-color:#07f;width:90%;margin-left:5%;padding:14px 16px;transform:scale(1.2)translateY(-20px);box-shadow:0 0 20px #07f,0 0 40px #07f}.mail-logo{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .4s;display:flex}.mail-notification-card:hover .mail-logo{transform:scale(1.2)}.mail-content{flex:1;min-width:0}.mail-sender{color:#fff;margin:0 0 4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;transition:font-size .4s}.mail-notification-card:hover .mail-sender{font-size:14px}.mail-message{color:#ffffffd9;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;line-height:1.3;transition:font-size .4s}.mail-notification-card:hover .mail-message{font-size:11px}