body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b1220;color:#e6f0ff;}
a{color:#6ee7ff;text-decoration:none;}
.container{max-width:1000px;margin:0 auto;padding:20px;}
.navbar{display:flex;justify-content:space-between;align-items:center;background:#111a2e;padding:10px 20px;position:sticky;top:0;z-index:100;}
.navbar a{margin:0 10px;color:#e6f0ff;}
.navbar a:hover{color:#9b8cff;}
.hero{text-align:center;padding:80px 20px;}
.hero h1{font-size:2.5em;margin-bottom:10px;color:#9b8cff;}
.hero p{max-width:700px;margin:10px auto;color:#ccc;}
.btn{display:inline-block;margin:10px;padding:10px 20px;background:#6ee7ff;color:#111a2e;border-radius:6px;font-weight:bold;}
.section{padding:60px 20px;}
.section h2{color:#9b8cff;margin-bottom:20px;}
.card{background:#111a2e;padding:20px;border-radius:10px;margin:10px 0;}
.grid{display:grid;gap:20px;}
.skills ul, .contact ul{list-style:none;padding:0;}
.skills li, .contact li{margin:6px 0;}
.footer{text-align:center;padding:20px;color:#aaa;border-top:1px solid #222;}
@media(max-width:700px){.grid{grid-template-columns:1fr;}}
@media(min-width:701px){.grid{grid-template-columns:repeat(2,1fr);}}