:root{--scp-black: #1a1a1a;--scp-dark: #2d2d2d;--scp-gray: #4a4a4a;--scp-light-gray: #888;--scp-white: #f5f5f5;--scp-cream: #f0e6d3;--scp-red: #8b0000;--scp-red-light: #a52a2a;--scp-gold: #c5a355;--scp-classified: #660000;--font-typewriter: "Special Elite", "Courier Prime", monospace;--font-mono: "Courier Prime", monospace;--font-body: "Roboto", sans-serif;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--scp-black);background:var(--scp-cream)}a{color:var(--scp-red);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--scp-red-light);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-typewriter);font-weight:400;margin:0 0 1rem;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.scp-container{max-width:1200px;margin:0 auto;padding:2rem}.scp-paper{background:var(--scp-white);border:1px solid var(--scp-gray);box-shadow:2px 2px 8px #0003;padding:2rem}.scp-header{background:var(--scp-black);color:var(--scp-white);padding:1rem 2rem;border-bottom:3px solid var(--scp-red)}.scp-classified{background:var(--scp-classified);color:var(--scp-white);padding:.5rem 1rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;text-align:center}.scp-redacted{background:var(--scp-black);color:var(--scp-black);padding:0 .25rem;-webkit-user-select:none;user-select:none}.scp-redacted:hover{background:var(--scp-dark);color:var(--scp-red)}.scp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-body);font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.scp-btn--primary{background:var(--scp-red);color:var(--scp-white)}.scp-btn--primary:hover{background:var(--scp-red-light);text-decoration:none}.scp-btn--secondary{background:var(--scp-dark);color:var(--scp-white)}.scp-btn--secondary:hover{background:var(--scp-gray);text-decoration:none}.scp-btn--outline{background:transparent;color:var(--scp-red);border:2px solid var(--scp-red)}.scp-btn--outline:hover{background:var(--scp-red);color:var(--scp-white);text-decoration:none}.scp-btn--small{padding:.375rem .75rem;font-size:.75rem}.scp-btn:disabled{opacity:.5;cursor:not-allowed}.scp-input{width:100%;padding:.75rem;font-family:var(--font-body);font-size:1rem;border:1px solid var(--scp-gray);background:var(--scp-white);transition:border-color var(--transition-fast)}.scp-input:focus{outline:none;border-color:var(--scp-red)}.scp-input::placeholder{color:var(--scp-light-gray)}.scp-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--scp-dark)}.scp-divider{border:none;border-top:2px solid var(--scp-gray);margin:2rem 0}.scp-divider--scp{border-top-style:dashed;position:relative}.scp-divider--scp:after{content:"SCP";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--scp-cream);padding:0 1rem;font-family:var(--font-mono);color:var(--scp-gray)}.scp-grid{display:grid;gap:2rem}.scp-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.scp-grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.scp-card{background:var(--scp-white);border:1px solid var(--scp-gray);padding:1.5rem;transition:box-shadow var(--transition-fast)}.scp-card:hover{box-shadow:0 4px 12px #00000026}.scp-card__title{font-family:var(--font-typewriter);font-size:1.25rem;margin:0 0 .5rem}.scp-card__description{color:var(--scp-gray);margin:0}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}