body{margin:0!important;font-family:Arial,sans-serif}.App{min-height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#000c;position:sticky;top:0;z-index:10}.logo{height:60px}.nav a{color:#fff;text-decoration:none;margin-left:20px;font-size:16px;transition:color .3s,text-shadow .3s}.nav a:hover{color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}.main{flex-grow:1;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;position:relative;padding:40px}.overlay{background:#00000080;padding:40px;border-radius:10px;text-align:center}.main h1{font-size:48px;margin-bottom:20px;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}.main p{font-size:20px;max-width:600px;margin:0 auto 30px;opacity:.9}.cta-button{padding:10px 20px;font-size:18px;color:#fff;background:transparent;border:2px solid #00ff00;border-radius:5px;cursor:pointer;transition:background .3s,box-shadow .3s}.cta-button:hover{background:#0f0;color:#000;box-shadow:0 0 15px #0f0}.footer{text-align:center;padding:20px;background:#000c;font-size:14px}@media (max-width: 768px){.header{flex-direction:column;padding:15px 20px}.logo{height:40px;margin-bottom:10px}.nav{display:flex;flex-wrap:wrap;justify-content:center}.nav a{margin:5px 10px;font-size:14px}.main,.overlay{padding:20px}.main h1{font-size:32px;margin-bottom:15px}.main p{font-size:16px;max-width:100%}.cta-button{padding:8px 16px;font-size:16px}.footer{padding:15px;font-size:12px}}@media (max-width: 320px){.header{padding:10px 15px}.logo{height:35px}.nav a{font-size:12px;margin:5px 8px}.main,.overlay{padding:15px}.main h1{font-size:28px}.main p{font-size:14px}.cta-button{padding:6px 12px;font-size:14px}.footer{padding:10px;font-size:10px}}.mouse-portal{position:fixed;width:0;height:0;pointer-events:none;z-index:1000;transform:translate(-50%,-50%)}.particles{position:absolute;top:0;left:0;width:100%;height:100%;animation:rotate 5s infinite linear}.particle{position:absolute;width:2px;height:2px;background:#0f0;border-radius:50%;box-shadow:0 0 5px #0f0;opacity:.6;transform-origin:center center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.mouse-portal{display:none}}