*{box-sizing:border-box}
body{
 margin:0;
 background:#07111d;
 color:white;
 font-family:Arial,sans-serif;
 overflow:hidden;
}
.hero{
 display:flex;
 justify-content:space-between;
 align-items:center;
 min-height:100vh;
 padding:0 8%;
 gap:40px;
}
h1{font-size:72px;margin:0}
span{color:#53e8ff}
p{color:#b6c7d4;font-size:20px}
.btn{
 display:inline-block;padding:14px 24px;
 border:1px solid #53e8ff;border-radius:8px;
 color:#53e8ff;text-decoration:none
}
.screen{
 width:500px;height:320px;
 background:#0c1728;border-radius:18px;
 border:1px solid #1f334d;
 position:relative;overflow:hidden;
}
.terminal{
 position:absolute;inset:20px;
 color:#5fff83;font-family:monospace;
}
.pulse{
 position:absolute;width:200px;height:200px;
 border-radius:50%;background:#53e8ff22;
 filter:blur(30px);top:50px;left:150px;
 animation:pulse 3s infinite;
}
@keyframes pulse{
 50%{transform:scale(1.2)}
}
#matrix{
 position:fixed;inset:0;z-index:-1;
}
@media(max-width:900px){
 .hero{flex-direction:column;padding-top:100px}
 h1{font-size:48px}
 .screen{width:100%}
}