body{box-sizing:border-box;background-color:#fafafa;background-image:linear-gradient(90deg,#e0e0e0 1px,#0000 1px),linear-gradient(#e0e0e0 1px,#0000 1px);background-size:40px 40px;min-height:100vh;margin:0;padding:10px 15px;font-family:Inter,monospace,sans-serif;transition:background-color 1s,color 1s;display:flex;overflow-x:hidden}body.dark-mode{color:#fafafa;background-color:#111;background-image:linear-gradient(90deg,#333 1px,#0000 1px),linear-gradient(#333 1px,#0000 1px)}body.dark-mode .hero-title,body.dark-mode .contact-title,body.dark-mode .counter-value{color:#fafafa}body.dark-mode .hero-subtitle,body.dark-mode .counter-label,body.dark-mode .live-logs-title{color:#aaa}body.dark-mode .wireframe-box,body.dark-mode .contact-box,body.dark-mode .counter-box,body.dark-mode .live-logs,body.dark-mode .ip-display{color:#fafafa;background:#111;border-color:#fafafa;box-shadow:6px 6px #fafafa}body.dark-mode .arrow-down{background-color:#fafafa}body.dark-mode .arrow-down:after{border-top-color:#fafafa}.flow-container{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:15px;width:100%;max-width:500px;margin:auto;padding:10px 15px;display:flex}.hero-title{color:#111;text-transform:lowercase;letter-spacing:-1px;word-wrap:break-word;margin:0;font-size:2.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:#555;text-transform:uppercase;letter-spacing:2px;margin:0 0 10px;font-size:1rem;font-weight:600}.wireframe-box{color:#111;text-align:center;box-sizing:border-box;background:#fafafa;border:3px solid #111;width:100%;padding:15px 30px;font-size:2rem;font-weight:800;animation:4s ease-in-out infinite float;box-shadow:6px 6px #111}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.arrow-container{justify-content:center;align-items:center;height:40px;display:flex}.arrow-down{background-color:#111;width:3px;height:40px;animation:1.5s ease-in-out infinite pointDown;position:relative}.arrow-down:after{content:"";border-top:14px solid #111;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;bottom:-4px;left:-8px}@keyframes pointDown{0%,to{transform:translateY(-5px)}50%{transform:translateY(10px)}}.contact-box{box-sizing:border-box;text-align:center;background:#fafafa;border:3px solid #111;width:100%;padding:20px;box-shadow:6px 6px #111}.contact-title{color:#111;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:1.5rem;font-weight:800}#contact-form{flex-direction:column;gap:15px;display:flex}#contact-form input,#contact-form textarea{box-sizing:border-box;text-align:center;background:#fff;border:2px solid #111;width:100%;padding:10px;font-family:Inter,monospace,sans-serif;font-size:1rem}#contact-form input:focus,#contact-form textarea:focus{outline:none;box-shadow:4px 4px #4a90e2}.submit-btn{color:#111;cursor:pointer;text-transform:uppercase;background:#fafafa;border:2px solid #111;padding:12px;font-size:1.1rem;font-weight:700;transition:all .2s;box-shadow:4px 4px #111}.submit-btn:hover{color:#fff;background:#111;transform:translate(-2px,-2px);box-shadow:4px 4px #4a90e2}.submit-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #4a90e2}#form-result{text-align:center;color:#111;font-weight:600}.input-group{flex-direction:column;gap:5px;display:flex}.input-indicator{color:#666;text-align:right;min-height:16px;font-size:.75rem;font-weight:600}.sending-animated{position:relative;overflow:hidden;color:#0000!important;cursor:wait!important;background:#111!important;box-shadow:4px 4px #4a90e2!important}.sending-animated:after{content:"";border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:-13px 0 0 -13px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{z-index:100;flex-direction:column;gap:15px;width:320px;display:flex;position:fixed;top:20px;right:20px}.counter-box{text-align:center;background:#fafafa;border:2px solid #111;padding:10px 20px;box-shadow:4px 4px #111}.counter-label{color:#555;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.counter-value{color:#4a90e2;font-size:1.5rem;font-weight:800}.live-logs{color:#666;background:#fafafa;border:2px dashed #ccc;height:120px;padding:15px;font-size:.85rem;overflow:hidden;box-shadow:4px 4px #ccc}.live-logs-title{text-transform:uppercase;letter-spacing:1px;color:#333;border-bottom:1px solid #ddd;margin-bottom:10px;padding-bottom:5px;font-weight:700}.log-entry{margin-bottom:5px;line-height:1.4;animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.wireframe-box{box-sizing:border-box;width:100%;padding:25px 15px;font-size:1.8rem;box-shadow:5px 5px #111}.wireframe-box>div{font-size:.8rem!important}.contact-box{padding:15px}.sidebar{width:100%;margin-top:20px;position:relative;top:auto;right:auto}.live-logs{box-shadow:none}}.ip-display{color:#666;z-index:100;text-transform:uppercase;letter-spacing:1px;background:#fafafa;border:2px dashed #ccc;padding:5px 10px;font-size:.75rem;font-weight:600;position:fixed;bottom:20px;right:20px;box-shadow:2px 2px #ccc}