:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#08110d;--gold:#d2a552;--gold2:#f0d58d;--text:#fff8e8;--muted:#fff8e8b3;--mint:#90d9ba;--line:#f0d58d33;--danger:#ffb1a1}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{width:100%;max-width:100%;color:var(--text);background:radial-gradient(circle at 16% 8%,#d2a55240,#0000 30%),radial-gradient(circle at 78% 4%,#90d9ba21,#0000 28%),linear-gradient(135deg,#050907,#13281f 50%,#07110d);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;background:linear-gradient(90deg,#f0d58d12 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#f0d58d0b 1px,#0000 1px) 0 0/72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}a,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app{grid-template-columns:300px minmax(0,1fr);max-width:100%;min-height:100vh;display:grid;position:relative;overflow-x:hidden}.sidebar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#07110dc2;border-right:1px solid #f0d58d2e;height:100vh;padding:28px;position:sticky;top:0}.logo-stage{perspective:900px;place-items:center;height:150px;display:grid;position:relative}.logo-stage:before{content:"";filter:blur(10px);background:radial-gradient(closest-side,#f0d58d5c,#0000 72%);border-radius:50%;width:220px;height:92px;position:absolute;transform:translateY(38px)rotateX(72deg)}.brand-logo{filter:drop-shadow(0 10px 4px #00000059)drop-shadow(0 28px 42px #d2a5525c);width:228px;max-width:100%;animation:5.5s ease-in-out infinite floatLogo;transform:rotateX(8deg)rotateY(-13deg)translateZ(38px)}@keyframes floatLogo{0%,to{transform:rotateX(8deg)rotateY(-13deg)translateZ(38px)}50%{transform:rotateX(11deg)rotateY(-8deg)translate3d(0,-8px,56px)}}.sidebar h1{margin:0;font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1}.sidebar p{color:var(--muted);font-size:14px;line-height:1.5}.nav{gap:9px;margin-top:22px;display:grid}.nav a{color:#fff8e8d1;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:32px 1fr;align-items:center;min-height:48px;padding:10px 12px;display:grid}.nav span{width:26px;height:26px;color:var(--gold2);background:#fff8e814;border-radius:9px;place-items:center;font-size:13px;display:grid}.nav a:hover{color:#fff;background:#fff8e814;border-color:#f0d58d42}.main{min-width:0;max-width:100%;padding:28px clamp(18px,3.6vw,56px) 110px;overflow-x:hidden}.view-block{margin-bottom:48px;scroll-margin-top:22px;animation:.42s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero{background:linear-gradient(135deg,#fff8e821,#fff8e809),radial-gradient(circle at 85% 12%,#d2a55247,#0000 34%),linear-gradient(145deg,#09130fd6,#122920d1);border:1px solid #f0d58d3d;border-radius:34px;align-content:end;min-height:490px;padding:clamp(26px,5vw,58px);display:grid;position:relative;overflow:hidden;box-shadow:0 34px 110px #00000073}.hero:before{content:"";pointer-events:none;border:1px solid #f0d58d2e;border-radius:24px;position:absolute;inset:24px}.hero-content{position:relative}.eyebrow{color:var(--gold2);letter-spacing:.12em;text-transform:uppercase;background:#07110d6b;border:1px solid #f0d58d47;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.hero h2{letter-spacing:0;max-width:850px;margin:24px 0 16px;font-family:Georgia,serif;font-size:clamp(48px,8vw,104px);font-weight:400;line-height:.92}.lead{color:#fff8e8c7;max-width:680px;font-size:clamp(17px,2vw,22px);line-height:1.42}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.tile,.glass,.task,.manual-card,.doc,.login-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(150deg,#fff8e81f,#fff8e80b);box-shadow:0 22px 70px #00000038}.tile{border-radius:24px;min-height:164px;padding:18px;transition:transform .18s,border-color .18s;display:block}.tile:hover{border-color:#f0d58d6b;transform:translateY(-4px)}.icon{width:42px;height:42px;color:var(--gold2);background:#d2a5522e;border-radius:15px;flex:none;place-items:center;margin-bottom:18px;font-weight:900;display:grid}h3{margin:0 0 8px;line-height:1.14}p,li{color:var(--muted)}.section-title{justify-content:space-between;align-items:end;gap:18px;margin:34px 0 16px;display:flex}.section-title h2{letter-spacing:0;margin:0;font-family:Georgia,serif;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:.98}.section-title p{text-align:right;max-width:560px;margin:0;font-size:14px}.dashboard{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;margin-top:18px;display:grid}.glass{border-radius:28px;padding:22px}.next-action{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.date-orb{width:88px;height:88px;color:var(--gold2);background:linear-gradient(145deg,#f0d58d42,#f0d58d14);border:1px solid #f0d58d52;border-radius:28px;place-items:center;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 1px #fff3,0 24px 50px #00000047}.date-orb small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.cta-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.btn,button.btn{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#172015;border:1px solid #f0d58d47;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 16px;font-weight:900;display:inline-flex}.btn.secondary{color:var(--text);background:#fff8e814}.progress-ring{aspect-ratio:1;background:radial-gradient(circle at center,#0e1e17 0 58%,transparent 59%),conic-gradient(var(--gold2) 0 58%,#ffffff1f 58% 100%);border-radius:50%;place-items:center;width:176px;margin:6px auto 14px;display:grid}.progress-ring strong{text-align:center;font-size:42px;line-height:1;display:block}.progress-ring span{color:var(--muted);text-align:center;font-size:12px;display:block}.timeline,.doc-list,.records,.stack{gap:12px;display:grid}.task{border-radius:22px;grid-template-columns:104px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.task time{color:var(--gold2);text-transform:uppercase;font-size:13px;font-weight:900}.status{min-width:108px;color:var(--text);text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900}.muted-status{color:var(--muted)}.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.manual-card{border-radius:26px;padding:22px}.manual-card .num{color:var(--gold2);margin-bottom:20px;font-family:Georgia,serif;font-size:42px;line-height:1}.manual-card ul{padding-left:20px}blockquote{border-left:4px solid var(--gold);color:var(--text);background:#d2a5521f;border-radius:0 14px 14px 0;margin:18px 0 0;padding:16px;font-family:Georgia,serif}.register-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}label{color:var(--muted);gap:8px;font-size:13px;font-weight:800;display:grid}input,textarea{width:100%;color:var(--text);background:#07110d73;border:1px solid #f0d58d38;border-radius:16px;outline:none;padding:13px 14px}.records p{border-bottom:1px solid #f0d58d26;justify-content:space-between;gap:18px;padding-bottom:10px;display:flex}.records span{color:var(--muted)}.doc{border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.doc .icon,.doc form{margin:0}.success{color:var(--mint)}.alert{color:var(--danger)}.login-shell{place-items:center;width:min(100% - 32px,520px);min-height:100svh;margin:0 auto;display:grid}.login-card{border-radius:28px;width:100%;padding:30px}.login-logo{height:112px}.mobile-bar{box-sizing:border-box;width:min(100vw - 24px,420px);left:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#07110de0;border:1px solid #f0d58d38;border-radius:24px;padding:8px;display:none;position:fixed;box-shadow:0 20px 70px #00000073}.mobile-bar a{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);border-radius:16px;place-items:center;min-height:44px;padding:0 2px;font-size:10.5px;font-weight:900;display:grid;overflow:hidden}.mobile-bar a:first-child{color:var(--gold2);background:#fff8e81a}@media (max-width:1100px){.app{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #f0d58d29;border-right:0;height:auto;padding:20px 18px 12px;position:relative}.sidebar h1,.sidebar p,.nav{display:none}.logo-stage{height:96px}.brand-logo{width:190px}.main{padding-bottom:calc(124px + env(safe-area-inset-bottom))}.dashboard{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bar{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}}@media (max-width:760px){.main{padding:14px 14px calc(124px + env(safe-area-inset-bottom))}.hero{border-radius:28px;min-height:520px;padding:28px 22px}.hero h2{font-size:56px}.quick-grid,.manual-grid,.register-grid{grid-template-columns:1fr}.section-title{display:block}.section-title p{text-align:left;margin-top:10px}.task,.doc,.next-action{grid-template-columns:1fr}}
