*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#000;color:#fff;line-height:1.6;overflow-x:hidden}:root{--col1:#fff;--col2:#ff9100;--glass:rgba(0,0,0,.35);--card:rgba(255,255,255,.08)}.loader-wrap{position:fixed;inset:0;z-index:9999;background:#000;display:flex;align-items:center;justify-content:center}.loader{transform:rotateZ(45deg);perspective:1000px;border-radius:50%;width:80px;height:80px;color:#fff;display:block}.loader:before,.loader:after{content:'';display:block;position:absolute;inset:0;border-radius:50%;transform:rotateX(70deg);animation:spin 1s linear infinite}.loader:after{color:#ff3d00;transform:rotateY(70deg);animation-delay:.4s}@keyframes spin{0%,100%{box-shadow:.2em 0 0 0 currentColor}25%{box-shadow:0 .2em 0 0 currentColor}50%{box-shadow:-.2em 0 0 0 currentColor}75%{box-shadow:0 -.2em 0 0 currentColor}}#myHeader{display:none}#page{display:none}header{position:relative;z-index:1000}.glass-nav{display:flex;height:80px;justify-content:center;align-items:center;gap:4px;padding:0 10px;position:fixed;left:0;right:0;width:min(500px,92%);margin:0 auto;top:12px;background:var(--glass);border-radius:200px;z-index:1000;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);box-shadow:0 0 30px rgba(255,145,0,.18);transition:.8s}.glass-nav a{color:#fff;font-weight:700;padding:10px 20px;font-size:15px;letter-spacing:1.5px;text-transform:capitalize;transition:.3s}.glass-nav a:hover{background:var(--col2);border-radius:22px;color:#fff}.glass-nav .h:hover,.glass-nav .p:hover{transform:rotateZ(8deg)}.glass-nav .k:hover,.glass-nav .a:hover{transform:rotateZ(-8deg)}#openmenu{background:rgba(0,0,0,.45);position:absolute;inset:0;margin:auto;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;transform:scale(0);transition:.3s}#openmenu span{width:40%;background:#fff;height:2px;display:block;margin:6px auto;transition:.3s}header.sticky .glass-nav{top:16px;width:90px;height:90px;padding:0}header.sticky #openmenu{transform:scale(1)}header.sticky .glass-nav a{opacity:0;transform:scale(.3);padding:0;pointer-events:none}header.open .glass-nav{width:min(500px,92%);height:80px;padding:0 10px}header.open .glass-nav a{opacity:1;transform:scale(1);padding:10px 20px;pointer-events:auto}header.open #openmenu span:first-child{transform:rotate(45deg) translate(5px,5px)}header.open #openmenu span:last-child{transform:rotate(-45deg) translate(1px,-1px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 20px 70px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;opacity:.32}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,145,0,.18),#000 72%)}.hero-content{position:relative;z-index:1;max-width:900px}.profile-ring img{width:170px;height:170px;border-radius:50%;object-fit:cover;border:3px solid var(--col2);background:linear-gradient(135deg,var(--col2),#fff);box-shadow:0 0 35px rgba(255,145,0,.45);animation:floatImage 4s ease-in-out infinite}.hello{color:var(--col2);font-weight:700;margin-top:25px}.hero h1{font-size:clamp(34px,6vw,72px);line-height:1.1}.hero h2{font-size:clamp(22px,4vw,42px);margin:8px 0 18px}.hero h2 span{color:var(--col2)}.intro{max-width:760px;margin:0 auto 20px;color:#ddd;font-size:18px}.social-link{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:24px 0}.social-link a{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:2px solid var(--col2);color:#fff;font-size:22px;transition:.35s}.social-link a:hover{background:var(--col2);box-shadow:0 0 20px var(--col2);transform:translateY(-5px)}.hero-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 28px;background:var(--col2);color:#fff;border-radius:50px;box-shadow:0 0 12px rgba(255,145,0,.65);font-weight:700;transition:.3s}.btn:hover{box-shadow:0 0 24px var(--col2);transform:translateY(-3px)}.btn-outline{background:transparent;border:2px solid var(--col2)}.section-pad{padding:90px 7%}.section-title{text-align:center;margin-bottom:35px}.section-title span{color:var(--col2);font-weight:800;letter-spacing:2px;text-transform:uppercase}.section-title h2{font-size:clamp(28px,4vw,46px)}.cards,.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card,.project-card,.contact-box{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px;text-align:center;backdrop-filter:blur(8px);box-shadow:0 15px 40px rgba(0,0,0,.28);transition:.3s}.card:hover,.project-card:hover{transform:translateY(-8px);border-color:var(--col2)}.card i{font-size:44px;color:var(--col2);margin-bottom:12px}.card h3,.project-card h3{font-size:22px;margin-bottom:10px}.card p,.project-card p,.contact-box p{color:#ddd}.alt{background:linear-gradient(180deg,#000,#111,#000)}.projects{grid-template-columns:repeat(3,1fr)}.project-card a{display:inline-block;margin-top:18px;color:var(--col2);font-weight:800}.contact-box{max-width:760px;margin:auto}.contact-box .btn{margin-top:22px}@keyframes floatImage{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@media(max-width:992px){.cards{grid-template-columns:repeat(2,1fr)}.projects{grid-template-columns:1fr 1fr}}@media(max-width:600px){.glass-nav{height:54px;width:290px;top:10px}.glass-nav a{font-size:11px;padding:7px 8px;letter-spacing:.5px}header.sticky .glass-nav{width:56px;height:56px}header.open .glass-nav{width:300px;height:56px}.hero{padding:95px 16px 55px}.profile-ring img{width:135px;height:135px}.intro{font-size:15px}.social-link a{width:44px;height:44px;font-size:19px}.cards,.projects{grid-template-columns:1fr}.section-pad{padding:70px 18px}.card,.project-card,.contact-box{padding:22px}.btn{padding:11px 22px}}