:root{--charcoal: #121212;--gold: #C6A75E;--off-white: #F5F5F5;--graphite: #2A2A2A;--transition: all .8s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--charcoal);color:var(--off-white);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:400}a{color:inherit}.nav{padding:2rem 4%;display:flex;justify-content:space-between;align-items:center;position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(to bottom,rgba(18,18,18,.85),transparent)}.logo{font-family:Montserrat,sans-serif;font-weight:600;letter-spacing:3px;text-transform:uppercase;font-size:1.05rem}.nav-links a{color:var(--off-white);text-decoration:none;margin-left:2.5rem;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;transition:var(--transition)}.nav-links a:hover{color:var(--gold)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 10%;background:radial-gradient(circle at center,#1a1a1a,#121212)}.section-label{color:var(--gold);text-transform:uppercase;font-size:.7rem;letter-spacing:4px;margin-bottom:1rem;display:block;opacity:.95}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);margin-bottom:1rem;opacity:0;transform:translateY(24px);animation:reveal 1.2s forwards .2s}.hero p{font-size:1.05rem;font-weight:200;letter-spacing:2px;max-width:680px;margin-bottom:2rem;color:var(--gold);opacity:0;animation:reveal 1.2s forwards .4s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.login-card{width:min(520px,92vw);background:#2a2a2a8c;border:1px solid rgba(198,167,94,.18);padding:2rem;margin-top:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-grid{display:grid;gap:1rem;margin-top:1.25rem;text-align:left}.label{font-size:.85rem;letter-spacing:1px;color:#f5f5f5cc}.input{width:100%;height:52px;padding:0 14px;background:#121212a6;border:1px solid rgba(198,167,94,.22);color:var(--off-white);outline:none;transition:var(--transition);font-family:Montserrat,sans-serif}.input:focus{border-color:#c6a75eb3}.pin{letter-spacing:.35em;font-size:1.1rem}.cta-button{width:100%;height:54px;border:1px solid var(--gold);background:transparent;color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:.8rem;cursor:pointer;transition:all .35s ease}.cta-button:hover{background:var(--gold);color:var(--charcoal)}.cta-button:disabled{opacity:.6;cursor:not-allowed}.alert{margin-top:1rem;padding:12px 14px;border:1px solid rgba(255,120,120,.4);background:#ff787814;color:#ffdcdcf2;font-size:.9rem}.tiles-wrap{padding:9rem 10% 6rem}.tiles-header{max-width:1100px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.tiles-header h2{font-size:2.6rem}.small-muted{font-size:.85rem;font-weight:200;letter-spacing:1px;color:#f5f5f5bf;margin-top:.5rem}.logout-btn{padding:.9rem 1.4rem;border:1px solid rgba(198,167,94,.3);background:transparent;color:#f5f5f5e6;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.logout-btn:hover{border-color:#c6a75eb3;color:var(--gold)}.tiles{max-width:1100px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}.tile{grid-column:span 6;background:var(--graphite);border:1px solid rgba(198,167,94,.12);padding:1.6rem;text-align:left;cursor:pointer;transition:var(--transition)}.tile:hover{border-color:#c6a75e80;transform:translateY(-2px)}.tile-title{font-family:Cormorant Garamond,serif;font-size:1.6rem}.tile-desc{margin-top:.6rem;font-size:.9rem;color:#f5f5f5bf}.tile-open{margin-top:1.1rem;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}@media(max-width:768px){.nav-links{display:none}.tile{grid-column:span 12}.tiles-wrap{padding:7rem 6% 5rem}}