* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}body {min-height: 100vh;overflow: hidden;font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;color: #ffffff;background: #050505;}:root {--background: #050505;--text: #ffffff;--muted: #777777;--accent: #ff1744;--accent-light: #ff3d5f;--accent-dark: #d50032;}.background {position: fixed;inset: 0;overflow: hidden;z-index: -10;background: radial-gradient(circle at 50% 50%, rgba(255, 23, 68, 0.08) 0%, rgba(10, 10, 10, 0.8) 35%, #050505 75%);}.grid {position: absolute;inset: -100px;background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);background-size: 50px 50px;transform: perspective(500px) rotateX(55deg) scale(1.5);transform-origin: center bottom;opacity: 0.45;mask-image: linear-gradient(to bottom, transparent, black 35%, black 70%, transparent);}.glow {position: absolute;width: 450px;height: 450px;border-radius: 50%;background: var(--accent);filter: blur(180px);opacity: 0.10;transform: translate(-50%, -50%);pointer-events: none;transition: left 1s ease-out, top 1s ease-out;}.particles {position: absolute;inset: 0;pointer-events: none;}.particle {position: absolute;width: 3px;height: 3px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 10px var(--accent), 0 0 20px var(--accent);opacity: 0;animation: floatParticle linear infinite;}.particle:nth-child(1) {left: 10%;animation-duration: 8s;animation-delay: 1s;}.particle:nth-child(2) {left: 25%;animation-duration: 11s;animation-delay: 3s;}.particle:nth-child(3) {left: 40%;animation-duration: 9s;animation-delay: 0s;}.particle:nth-child(4) {left: 55%;animation-duration: 13s;animation-delay: 4s;}.particle:nth-child(5) {left: 70%;animation-duration: 10s;animation-delay: 2s;}.particle:nth-child(6) {left: 85%;animation-duration: 12s;animation-delay: 5s;}@keyframes floatParticle {0% {top: 110%;opacity: 0;transform: translateX(0);}10% {opacity: 0.7;}50% {transform: translateX(60px);}90% {opacity: 0.2;}100% {top: -10%;opacity: 0;transform: translateX(-50px);}}.wrapper {min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 30px;}.content {width: min(900px, 100%);text-align: center;animation: pageReveal 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;}@keyframes pageReveal {from {opacity: 0;transform: translateY(40px) scale(0.97);}to {opacity: 1;transform: translateY(0) scale(1);}}.status {display: inline-flex;align-items: center;gap: 10px;padding: 9px 16px;margin-bottom: 32px;border: 1px solid rgba(255, 255, 255, 0.09);border-radius: 999px;color: #888888;background: rgba(255, 255, 255, 0.025);font-family: "SFMono-Regular", Consolas, monospace;font-size: 12px;letter-spacing: 1.5px;text-transform: uppercase;backdrop-filter: blur(10px);}.status-dot {width: 7px;height: 7px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 8px var(--accent), 0 0 18px var(--accent);animation: statusPulse 1.6s ease-in-out infinite;}@keyframes statusPulse {0%, 100% {opacity: 1;transform: scale(1);}50% {opacity: 0.35;transform: scale(0.75);}}.title {font-size: clamp(65px, 12vw, 145px);line-height: 0.86;font-weight: 800;letter-spacing: -8px;margin-bottom: 35px;user-select: none;}.title-line {display: block;}.accent {color: var(--accent);text-shadow: 0 0 20px rgba(255, 23, 68, 0.25), 0 0 50px rgba(255, 23, 68, 0.15);}.description {max-width: 590px;margin: 0 auto;color: var(--muted);font-size: 18px;line-height: 1.7;font-weight: 400;}.keyword {color: var(--accent);}.string {color: #ff879b;}.cursor {display: inline-block;width: 7px;height: 16px;margin-left: 6px;background: var(--accent);box-shadow: 0 0 10px rgba(255, 23, 68, 0.5);animation: cursorBlink 1s steps(1) infinite;}@keyframes cursorBlink {50% {opacity: 0;}}.links {display: flex;justify-content: center;gap: 12px;margin-top: 30px;}.link {display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 50%;color: #777777;background: rgba(255, 255, 255, 0.025);text-decoration: none;font-family: monospace;font-size: 13px;transition: color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;}.link:hover {color: var(--accent);border-color: rgba(255, 23, 68, 0.5);background: rgba(255, 23, 68, 0.06);transform: translateY(-4px);box-shadow: 0 10px 30px rgba(255, 23, 68, 0.15);}.footer {position: fixed;left: 0;bottom: 25px;width: 100%;text-align: center;color: #333333;font-family: "SFMono-Regular", Consolas, monospace;font-size: 11px;letter-spacing: 0.5px;}@media (max-width: 600px) {.wrapper {padding: 20px;}.status {font-size: 10px;padding: 8px 13px;margin-bottom: 25px;}.title {font-size: clamp(58px, 18vw, 90px);letter-spacing: -5px;margin-bottom: 25px;}.description {font-size: 15px;line-height: 1.65;}.links {margin-top: 25px;}.footer {bottom: 18px;}}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}