@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Roboto:wght@300;400;700&display=swap";:root{--bg-color:#0d0d0d;--text-color:#e0e0e0;--blood-red:#8a0303;--bright-red:#d10000;--card-bg:#1a1a1a;--border-color:#300;--font-heading:"Cinzel", serif;--font-body:"Roboto", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh;position:relative}.canvas-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;top:0;left:0;position:fixed!important}.container{z-index:1;max-width:1000px;margin:0 auto;padding:2rem;position:relative}.header{text-align:center;border-bottom:2px solid var(--blood-red);margin-bottom:3rem;padding-bottom:1rem}.header h1{font-family:var(--font-heading);color:var(--bright-red);text-shadow:2px 2px 4px #000;letter-spacing:2px;font-size:3rem}.header p{color:#a0a0a0;font-style:italic}.main-content{flex-direction:column;gap:2rem;display:flex}.form-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:2rem;box-shadow:0 4px 15px #8a030333}.form-container h2{font-family:var(--font-heading);color:var(--bright-red);margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-weight:700;display:block}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select,.form-group textarea{border:1px solid var(--border-color);width:100%;color:var(--text-color);font-family:var(--font-body);background-color:#000;border-radius:4px;padding:.8rem}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--bright-red);outline:none;box-shadow:0 0 5px #d1000080}.landing-container{text-align:center;z-index:1;margin-top:15vh;position:relative}.landing-header{border-bottom:none}.landing-title{margin-bottom:1rem;font-size:5rem}.landing-subtitle{color:#b30000;font-size:1.5rem;font-family:var(--font-heading)}.landing-buttons{justify-content:center;gap:2rem;margin-top:4rem;display:flex}.btn-large{padding:1rem 3rem;text-decoration:none;display:inline-block}.btn-outline{border:2px solid var(--blood-red);background-color:#0000}.auth-container{max-width:500px;margin:10vh auto 0}.auth-container-wide{max-width:600px;margin:5vh auto 0}.auth-title{text-align:center}.error-text{color:var(--bright-red);text-align:center;margin-bottom:1rem}.auth-footer{text-align:center;margin-top:1rem}.auth-link{color:var(--bright-red);text-decoration:none}.auth-link:hover{text-decoration:underline}.comments-section{background-color:#0a0a0a;border-radius:4px;margin-top:1rem;padding:1rem}.comment-item{border-bottom:1px solid #222;margin-bottom:.5rem;padding-bottom:.5rem}.comment-author{color:var(--bright-red);font-weight:700}.comment-text{color:#ccc}.comment-empty{color:#666;font-size:.9rem}.comment-input-group{gap:.5rem;margin-top:1rem;display:flex}.comment-input{color:#fff;border:1px solid var(--border-color);background-color:#000;border-radius:4px;flex:1;padding:.5rem}.comment-btn{padding:.5rem 1rem}.checkbox-group{align-items:center;gap:.5rem;display:flex}.checkbox-group input[type=checkbox]{accent-color:var(--blood-red);width:1.2rem;height:1.2rem}.btn{background-color:var(--blood-red);color:#fff;font-size:1.1rem;font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;padding:.8rem 2rem;transition:all .3s}.btn:hover{background-color:var(--bright-red);box-shadow:0 0 10px var(--bright-red)}.btn-delete{color:var(--bright-red);border:1px solid var(--bright-red);background-color:#0000;margin-top:1rem;padding:.4rem 1rem;font-size:.9rem}.btn-delete:hover{background-color:var(--blood-red);color:#fff;box-shadow:none}.notices-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.notice-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:transform .3s;position:relative;overflow:hidden}.notice-card:hover{transform:translateY(-5px)}.notice-card.urgent{border-color:var(--bright-red);box-shadow:0 0 15px #d1000066}.notice-card.urgent:before{content:"URGENT";background-color:var(--bright-red);color:#fff;font-size:.8rem;font-weight:700;font-family:var(--font-heading);border-bottom-left-radius:8px;padding:.3rem .8rem;position:absolute;top:0;right:0}.notice-title{font-family:var(--font-heading);color:var(--text-color);margin-bottom:1rem;font-size:1.4rem}.urgent .notice-title{color:var(--bright-red)}.notice-content{color:#b0b0b0;margin-bottom:1rem;line-height:1.6}.notice-date{color:#666;margin-top:auto;font-size:.8rem}.loading{text-align:center;font-family:var(--font-heading);color:var(--bright-red);font-size:1.5rem;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.global-footer{text-align:center;color:#888;z-index:10;background:linear-gradient(#0000,#000c);width:100%;padding:1rem;font-size:.9rem;position:fixed;bottom:0}.creator-link{color:#888;font-weight:700;text-decoration:none;transition:color .3s}.creator-link:hover{color:var(--bright-red)}