:root{--primary-color: #4CAF50;--secondary-color: #f44336;--font-family: "Arial, sans-serif";--font-size: 16px;--line-height: 1.5;--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--grid-color: rgba(248, 245, 245, .137);--text-primary: #ffffff;--text-secondary: #b0b0b0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;background-position:center center;z-index:0;animation:gridMove 20s linear infinite}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,transparent 0%,var(--bg-primary) 100%);z-index:0;pointer-events:none}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(100px,150px)}}header{position:relative;z-index:1;text-align:center;padding:60px 20px 40px;background:linear-gradient(180deg,rgba(74,144,226,.1) 0%,transparent 100%)}header h1{font-size:3rem;font-weight:700;background-color:#fff;border-color:#0a0a0a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}main{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:40px 20px 80px}.back-link{display:inline-block;color:#4a90e2;text-decoration:none;font-size:1rem;margin-bottom:30px;padding:10px 20px;border:1px solid rgba(74,144,226,.3);border-radius:8px;transition:all .3s ease;background:#4a90e20d}.back-link:hover{background:#4a90e226;border-color:#4a90e299;transform:scale(1.05)}.back-link:focus{border-color:#f0f8ff}section{background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,144,226,.2);border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}section:hover{border-color:#4a90e266;transform:translateY(-5px);transform:scale(1.02);box-shadow:0 12px 48px #00000080}section h2{color:#e9f79b;font-size:1.8rem;margin-bottom:20px;font-weight:600}section p{color:var(--text-secondary);line-height:1.8;font-size:1.1rem}section a{color:#50c878;text-decoration:none;transition:color .3s ease}section a:hover{color:#6ee096;text-decoration:underline}pre{white-space:pre-wrap;word-wrap:break-word}footer{position:relative;z-index:1;text-align:center;padding:30px 20px;background:#1a1a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(74,144,226,.2);margin-top:40px}footer p{color:var(--text-secondary);font-size:.95rem}button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:8px;transition:all .3s ease}button:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}@media (max-width: 768px){header h1{font-size:2rem;word-break:break-all}section{padding:20px}section h2{font-size:1.5rem}body:before{background-size:30px 30px}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(30px,30px)}}}