*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0a0a;color:#f0f0f0;scroll-behavior:smooth}nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 60px;background:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid #1e1e1e}nav .logo{font-size:1.2rem;font-weight:700;color:#00d4ff}nav ul{list-style:none;display:flex;gap:30px}nav ul a{color:#ccc;text-decoration:none;font-size:.9rem;transition:color .2s}nav ul a:hover{color:#00d4ff}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:100px 60px 60px;background:radial-gradient(ellipse at top,#0d1f2d,#0a0a0a 70%)}.hero-text{flex:0 0 380px}.hero h1{font-size:3rem;font-weight:700;margin-bottom:16px}.hero h1 span{color:#00d4ff}.hero-text>p{font-size:1.1rem;color:#aaa;max-width:360px;margin-bottom:32px;line-height:1.7}.hero-btns{display:flex;gap:16px;margin-bottom:24px}.btn{padding:12px 28px;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.btn-primary{background:#00d4ff;color:#0a0a0a;border:none}.btn-primary:hover{background:#00b8d9}.btn-outline{background:transparent;color:#00d4ff;border:2px solid #00d4ff}.btn-outline:hover{background:#00d4ff;color:#0a0a0a}.hero-contact{display:flex;flex-direction:column;gap:10px;margin-top:8px}.hero-contact a{color:#aaa;text-decoration:none;font-size:.9rem;transition:color .2s}.hero-contact a:hover{color:#00d4ff}.hero-featured{flex:1;max-width:620px}.hero-projects-label{color:#555;font-size:.8rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.hero-cards{display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto;padding-right:4px}.hero-cards::-webkit-scrollbar{width:4px}.hero-cards::-webkit-scrollbar-thumb{background:#1e1e1e;border-radius:4px}.hero-card{background:#111;border:1px solid #1e1e1e;border-radius:10px;overflow:hidden;transition:border-color .2s}.hero-card:hover{border-color:#00d4ff44}.hero-card-cover{width:100%;height:160px;object-fit:cover;display:block}.hero-card-body{padding:14px 16px}.hero-card-body h3{font-size:1rem;color:#fff;margin-bottom:6px}.hero-card-body>p{color:#888;font-size:.85rem;line-height:1.5;margin-bottom:10px}section{padding:90px 60px;max-width:1100px;margin:0 auto}section h2{font-size:2rem;margin-bottom:40px;position:relative;display:inline-block}section h2:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:#00d4ff;border-radius:2px}.about-text{color:#bbb;font-size:1.05rem;line-height:1.8;max-width:700px}.skills{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.skill-tag{background:#1a1a2e;color:#00d4ff;padding:6px 16px;border-radius:20px;font-size:.85rem;border:1px solid #00d4ff33}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-card{background:#111;border:1px solid #1e1e1e;border-radius:10px;overflow:hidden;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:#00d4ff44}.project-card-cover{width:100%;height:200px;object-fit:cover;display:block}.project-card-body{padding:16px 20px 20px}.project-card-body h3{font-size:1.1rem;color:#fff;margin-bottom:8px}.project-card-body>p{color:#888;font-size:.9rem;line-height:1.6;margin-bottom:14px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.gallery-grid-item{position:relative;cursor:pointer;border-radius:6px;overflow:hidden;height:100px}.gallery-grid-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.gallery-grid-item:hover img{transform:scale(1.06)}.gallery-grid-item span{position:absolute;bottom:0;left:0;right:0;background:#000000a6;color:#fff;font-size:.7rem;padding:4px 6px;text-align:center}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.project-links{display:flex;gap:12px}.project-links a{color:#00d4ff;font-size:.85rem;text-decoration:none;border:1px solid #00d4ff44;padding:4px 14px;border-radius:4px;transition:background .2s}.project-links a:hover{background:#00d4ff22}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.lightbox img{max-width:90vw;max-height:75vh;border-radius:8px;object-fit:contain}.lightbox p{color:#ccc;font-size:.9rem}.lightbox-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer}.contact-info{display:flex;gap:24px;margin-bottom:28px;flex-wrap:wrap}.contact-info a{color:#00d4ff;text-decoration:none;font-size:.95rem}.contact-info a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:16px;max-width:560px}.contact-form input,.contact-form textarea{background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:14px 16px;color:#f0f0f0;font-size:.95rem;font-family:Inter,sans-serif;outline:none;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#00d4ff}.contact-form textarea{resize:vertical;min-height:130px}.success-msg{color:#00d4ff;font-size:.9rem}footer{text-align:center;padding:30px;color:#444;font-size:.85rem;border-top:1px solid #1a1a1a}@media(max-width:768px){nav{padding:16px 24px}nav ul{gap:16px}.hero{flex-direction:column;padding:100px 24px 60px}.hero-text{flex:unset}.hero-featured{width:100%;max-width:100%}.hero h1{font-size:2.2rem}section{padding:70px 24px}}