body{margin:0;font-family:'Segoe UI',sans-serif;background:linear-gradient(180deg,#0d1117 0%,#161b22 100%);color:#c9d1d9}header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#161b22;box-shadow:0 2px 4px rgb(0 0 0 / .3)}html{scroll-behavior:smooth}.logo{height:50px}.logo-wrap{display:flex;align-items:center}.logo-icon{height:32px;margin-right:1px}.logo-text{font-size:1.2em;font-weight:700;color:#fff}nav a{margin:0 10px;color:#c9d1d9;text-decoration:none;font-weight:500}.hero{text-align:center;padding:120px 20px;background:radial-gradient(circle at center,rgb(125 110 255 / .2) 0%,transparent 70%)}.hero h1{font-size:2.8em;color:#fff}.hero .btn{display:inline-block;margin-top:20px;padding:12px 30px;background:#a371f7;color:#fff;border-radius:8px;text-decoration:none;transition:background 0.3s}.hero .btn:hover{background:#8c6cf0}.contact-btn{background:#fff0;color:#fff}.contact-btn:hover{background:#a371f7}.about,.contact{padding:60px 20px;background:#161b22;text-align:center}.about ul{list-style:none;padding:0}.about li{margin:15px 0;font-size:1.2em}.contact{background:transparent!important}.about{background:transparent!important}.divider{width:120px;height:2px;margin:40px auto;background:linear-gradient(90deg,transparent,rgb(125 110 255 / .5),transparent);border-radius:1px}footer{text-align:center;padding:20px;background:#0d1117;color:#c9d1d9}@media (max-width:768px){header{flex-direction:column}nav{margin-top:10px}}html,body,*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}