@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Kalam:wght@400;700&display=swap";:root{--bg-cork:#c79560;--wood-border:#5c3a21;--note-yellow:#fcf1a1;--note-blue:#b3d4ff;--note-pink:#ffb3ba;--note-green:#baffc9;--text-dark:#333;--text-muted:#666;--font-ui:"Inter", sans-serif;--font-handwriting:"Kalam", cursive;--pin-red:#d32f2f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text-dark);background-color:var(--bg-cork);background-image:radial-gradient(#b6814d 15%,#0000 16%),radial-gradient(#b6814d 15%,#0000 16%);background-position:0 0,10px 10px;background-size:20px 20px;min-height:100vh;position:relative}#root{border:15px solid var(--wood-border);flex-direction:column;min-height:100vh;display:flex;box-shadow:inset 0 0 20px #00000080}.btn{background-color:var(--text-dark);color:#fff;font-size:1rem;font-family:var(--font-ui);cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn:hover{background-color:#000;transform:translateY(-2px)}.btn-delete{color:#d32f2f;cursor:pointer;background-color:#0000;border:1px solid #d32f2f;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.btn-delete:hover{color:#fff;background-color:#d32f2f}.btn-large{padding:.8rem 1.5rem;font-size:1.1rem}.btn-outline{color:var(--text-dark);border:2px solid var(--text-dark);cursor:pointer;background-color:#0000;border-radius:4px;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-outline:hover{background-color:#fff3}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.auth-container{justify-content:center;align-items:center;min-height:80vh;display:flex}.form-container{background:#fff linear-gradient(#f9f9f9 1px,#0000 1px) 0 0/100% 1.5rem;border-radius:2px;width:100%;max-width:450px;padding:2.5rem;line-height:1.5rem;position:relative;box-shadow:2px 4px 10px #0000004d}.auth-container-wide .form-container{max-width:600px}.form-container:before{content:"";background-color:var(--pin-red);z-index:10;border-radius:50%;width:20px;height:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:-2px 2px 5px #0006,inset -2px -2px 4px #0000004d}.auth-title{text-align:center;font-size:2rem;font-family:var(--font-ui);color:var(--text-dark);margin-bottom:1.5rem;font-weight:600}.form-group{margin-bottom:1.2rem}.form-group label{margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;color:var(--text-dark);font-family:var(--font-ui);background-color:#fafafa;border:1px solid #ccc;border-radius:4px;padding:.8rem;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#666;outline:none}.checkbox-group{align-items:center;gap:.5rem;display:flex}.checkbox-group input{width:auto}.error-text{color:#d32f2f;text-align:center;background:#d32f2f1a;border-radius:4px;margin-bottom:1rem;padding:.8rem;font-weight:600}.landing-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:80vh;display:flex}.landing-header{background:#fff;border-radius:4px;padding:3rem;position:relative;transform:rotate(-1deg);box-shadow:2px 4px 15px #0000004d}.landing-header:before{content:"";background-color:var(--pin-red);z-index:10;border-radius:50%;width:25px;height:25px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:-2px 2px 5px #0006,inset -2px -2px 4px #0000004d}.landing-title{letter-spacing:-1px;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.landing-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1.2rem}.landing-actions{justify-content:center;gap:1rem;display:flex}.header{border-bottom:2px dashed #fff6;margin-bottom:2rem;padding-bottom:1rem}.header h1{color:#fff;text-shadow:1px 1px 4px #00000080;font-size:2.5rem}.header p{color:#eee;font-size:1rem}.notice-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.notice-card{background-color:var(--note-yellow);color:var(--text-dark);border-radius:0 0 10px 2px;padding:1.5rem;transition:transform .2s;position:relative;box-shadow:2px 4px 8px #0003}.notice-card:nth-child(2n){background-color:var(--note-blue);transform:rotate(2deg)}.notice-card:nth-child(3n){background-color:var(--note-green);transform:rotate(-1deg)}.notice-card:nth-child(4n){background-color:var(--note-pink);transform:rotate(1.5deg)}.notice-card:hover{z-index:10;transform:scale(1.02)rotate(0);box-shadow:4px 8px 15px #0000004d}.notice-card:before{content:"";background-color:var(--pin-red);border-radius:50%;width:16px;height:16px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:-1px 2px 4px #0000004d,inset -2px -2px 4px #0003}.notice-card.urgent{border:2px solid red}.notice-card.urgent:before{background-color:red}.notice-title{font-size:1.5rem;font-family:var(--font-handwriting);margin-top:.5rem;margin-bottom:.8rem;font-weight:700;line-height:1.2}.notice-content{font-size:1.1rem;line-height:1.5;font-family:var(--font-handwriting);white-space:pre-wrap;margin-bottom:1.5rem}.notice-meta{color:#0009;font-size:.85rem;font-family:var(--font-ui);border-top:1px solid #0000001a;justify-content:space-between;padding-top:.5rem;display:flex}.comments-section{border-top:1px dashed #0003;margin-top:1rem;padding-top:1rem}.comment{background:#fff6;border-radius:4px;margin-bottom:.5rem;padding:.6rem;font-size:.9rem}.comment-author{color:var(--text-dark);font-weight:600}.comment-input-group{gap:.5rem;margin-top:1rem;display:flex}.comment-input{font-family:var(--font-ui);background:#ffffffb3;border:1px solid #0003;border-radius:4px;flex:1;padding:.5rem}.comment-btn{padding:.5rem 1rem;font-size:.9rem}.global-footer{text-align:center;color:#fff;text-shadow:1px 1px 2px #00000080;margin-top:auto;padding:1rem;font-size:.9rem}.creator-link{color:#fff;font-weight:700;text-decoration:underline}.creator-link:hover{color:#ddd}