*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f5f5f5;background:radial-gradient(circle at 75% 10%,#ffffff09,#0000 25%),#080808;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}::selection{color:#000;background:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit}.navbar{-webkit-backdrop-filter:blur(18px);z-index:1000;background:#080808b8;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 8%;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:-.8px;font-size:22px;font-weight:700}.logo span{color:#777}.nav-links{gap:34px;display:flex}.nav-links a{color:#999;font-size:14px;transition:color .25s;position:relative}.nav-links a:after{content:"";background:#fff;width:0;height:1px;transition:width .25s;position:absolute;bottom:-7px;left:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.resume-btn{color:#ddd;border:1px solid #333;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .25s}.resume-btn:hover{color:#000;background:#fff;border-color:#fff}.hero{flex-direction:column;justify-content:center;max-width:1300px;min-height:100vh;padding:160px 8% 75px;animation:.8s forwards heroEnter;display:flex;position:relative}.hero:after{content:"";filter:blur(80px);pointer-events:none;background:#ffffff06;border-radius:50%;width:500px;height:500px;position:absolute;top:100px;right:-200px}.hero-badge{color:#8d8d8d;background:#0d0d0d;border:1px solid #252525;border-radius:100px;align-items:center;gap:9px;width:fit-content;margin-bottom:28px;padding:8px 12px;font-size:12px;display:flex}.status-dot{background:#d5d5d5;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #ffffff80}.intro{color:#929292;margin-bottom:20px;font-size:18px}.hero h1{letter-spacing:-5px;max-width:1100px;font-size:clamp(54px,8vw,105px);font-weight:700;line-height:.94}.hero h1 span{color:#666}.hero-description{color:#999;max-width:690px;margin-top:34px;font-size:19px;line-height:1.7}.hero-buttons{gap:14px;margin-top:35px;display:flex}.primary-btn,.secondary-btn{border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:600;transition:transform .25s,background .25s,border-color .25s;display:inline-flex}.primary-btn{color:#000;background:#f5f5f5;border:1px solid #f5f5f5}.primary-btn:hover{background:#fff;transform:translateY(-2px)}.secondary-btn{color:#d5d5d5;background:0 0;border:1px solid #303030}.secondary-btn:hover{background:#101010;border-color:#666;transform:translateY(-2px)}.hero-bottom{border-top:1px solid #202020;justify-content:space-between;align-items:flex-end;gap:40px;width:100%;max-width:850px;margin-top:70px;padding-top:25px;display:flex}.education{border:none;margin:0;padding:0}.small-label{color:#555;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:9px;font-size:10px;display:block}.education p{color:#d4d4d4;font-size:14px}.education>span:last-child{color:#666;margin-top:6px;font-size:13px;display:block}.hero-socials{flex-wrap:wrap;gap:20px;display:flex}.hero-socials a{color:#777;font-size:12px;transition:all .25s}.hero-socials a:hover{color:#fff}.about-section,.projects-section,.other-projects,.skills-section,.education-section,.contact-section{border-top:1px solid #171717;padding:120px 8%}.section-heading{margin-bottom:52px}.section-heading p{color:#666;text-transform:uppercase;letter-spacing:2px;margin-bottom:11px;font-size:12px}.section-heading h2{letter-spacing:-3px;max-width:900px;font-size:clamp(42px,6vw,70px);line-height:1}.about-grid{grid-template-columns:1.5fr .7fr;gap:85px;display:grid}.about-main{max-width:780px}.about-main p{color:#a0a0a0;margin-bottom:23px;font-size:21px;line-height:1.75}.about-side{border-left:1px solid #232323;flex-direction:column;gap:28px;padding-left:34px;display:flex}.about-stat{border-bottom:1px solid #1d1d1d;padding-bottom:25px}.about-stat span{color:#5c5c5c;font-size:12px}.about-stat h3{color:#dfdfdf;margin-top:8px;font-size:20px}.featured-project{background:radial-gradient(circle at 90% 15%,#ffffff0e,#0000 30%),#0c0c0c;border:1px solid #232323;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:50px;transition:transform .35s,border-color .35s;display:grid;position:relative;overflow:hidden}.featured-project:hover{border-color:#353535;transform:translateY(-4px)}.project-tag{color:#9c9c9c;border:1px solid #303030;border-radius:50px;margin-bottom:20px;padding:7px 12px;font-size:12px;display:inline-block}.project-content h3{letter-spacing:-1.5px;max-width:550px;margin-bottom:20px;font-size:36px;line-height:1.12}.project-content>p{color:#929292;max-width:560px;font-size:15px;line-height:1.8}.project-features{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.project-features span{color:#8f8f8f;background:#121212;border:1px solid #242424;border-radius:6px;padding:7px 11px;font-size:12px}.project-links{gap:11px;margin-top:30px;display:flex}.project-visual{justify-content:center;display:flex}.fake-editor{background:#070707;border:1px solid #292929;border-radius:14px;width:100%;max-width:520px;transition:transform .3s;overflow:hidden;box-shadow:0 30px 90px #0000008c}.featured-project:hover .fake-editor{transform:translateY(-3px)}.editor-top{border-bottom:1px solid #1b1b1b;justify-content:space-between;align-items:center;height:44px;padding:0 15px;display:flex}.editor-top p{color:#555;font-size:11px}.editor-dots{gap:7px;display:flex}.editor-dots span{background:#3a3a3a;border-radius:50%;width:8px;height:8px}.editor-code{color:#ccc;padding:24px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:2}.indent{padding-left:20px}.purple{color:#c792ea}.blue{color:#82aaff}.gray{color:#5f5f5f}.ai-result{background:#101010;border:1px solid #252525;border-radius:9px;margin:0 17px 17px;padding:17px}.ai-result-head{align-items:center;gap:8px;display:flex}.ai-result-head strong{color:#d8d8d8;font-size:12px}.ai-result p{color:#777;margin:10px 0 13px;font-size:12px}.ai-result button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:5px;padding:8px 11px;font-size:11px;font-weight:600}.project-grid{grid-template-columns:1.4fr .8fr;gap:24px;display:grid}.project-card,.coming-project{background:#0c0c0c;border:1px solid #222;border-radius:17px;padding:35px}.project-card{transition:transform .3s,border-color .3s}.project-card:hover{border-color:#363636;transform:translateY(-4px)}.project-card-top{color:#606060;justify-content:space-between;margin-bottom:35px;font-size:12px;display:flex}.project-card h3,.coming-project h3{letter-spacing:-1px;margin-bottom:15px;font-size:29px}.project-card>p,.coming-project p{color:#828282;max-width:600px;font-size:15px;line-height:1.75}.coming-project{background:radial-gradient(circle at 100% 0,#ffffff0f,#0000 40%),#0b0b0b;flex-direction:column;justify-content:flex-end;min-height:350px;display:flex}.coming-project>span{color:#575757;text-transform:uppercase;letter-spacing:1px;margin-bottom:auto;font-size:12px}.skills-grid{border-top:1px solid #222;border-bottom:1px solid #222;grid-template-columns:repeat(4,1fr);display:grid}.skill-category{border-right:1px solid #222;padding:35px 30px;transition:background .25s}.skill-category:last-child{border-right:none}.skill-category:hover{background:#0d0d0d}.skill-category>span{color:#4f4f4f;font-size:11px}.skill-category h3{margin-top:24px;margin-bottom:28px;font-size:20px}.skill-list{flex-direction:column;gap:12px;display:flex}.skill-list p{color:#797979;font-size:14px;transition:color .2s}.skill-category:hover .skill-list p{color:#b1b1b1}.education-card{border-top:1px solid #222;border-bottom:1px solid #222;grid-template-columns:1.5fr .7fr;gap:50px;padding:44px 0;display:grid}.education-label{color:#5a5a5a;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:12px;display:block}.education-card h3{letter-spacing:-1px;max-width:700px;margin-bottom:18px;font-size:29px}.education-card p{color:#7e7e7e;margin-top:7px;font-size:14px;line-height:1.5}.education-meta{flex-direction:column;justify-content:center;gap:27px;display:flex}.education-meta div{flex-direction:column;gap:6px;display:flex}.education-meta span{color:#5a5a5a;font-size:12px}.education-meta strong{color:#ddd;font-size:20px}.contact-box{background:radial-gradient(circle at 90% 10%,#ffffff14,#0000 35%),#0c0c0c;border:1px solid #222;border-radius:21px;flex-direction:column;justify-content:center;min-height:500px;padding:70px;display:flex;position:relative;overflow:hidden}.contact-small{color:#676767;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:12px}.contact-box h2{letter-spacing:-4px;max-width:950px;font-size:clamp(44px,7vw,80px);line-height:.98}.contact-description{color:#8b8b8b;max-width:650px;margin-top:27px;font-size:16px;line-height:1.75}.contact-buttons{flex-wrap:wrap;gap:11px;margin-top:31px;display:flex}.footer{color:#555;border-top:1px solid #171717;justify-content:space-between;align-items:center;min-height:100px;padding:0 8%;font-size:12px;display:flex}.footer-links a{color:#888;transition:all .2s}.footer-links a:hover{color:#fff}.reveal{animation:.8s both fadeUp}@keyframes heroEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.featured-project{grid-template-columns:1fr;padding:30px}.project-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-category:nth-child(2){border-right:none}.skill-category{border-bottom:1px solid #222}.about-grid{grid-template-columns:1fr;gap:50px}.about-side{border-top:1px solid #222;border-left:none;padding-top:30px;padding-left:0}.education-card{grid-template-columns:1fr}.contact-box{padding:45px}.hero-bottom{flex-direction:column;align-items:flex-start}}@media (width<=700px){.navbar{height:70px;padding:0 5%}.nav-links{display:none}.resume-btn{padding:9px 14px}.hero{padding:130px 5% 70px}.hero h1{letter-spacing:-2.5px}.hero-description{font-size:17px}.hero-buttons{flex-direction:column;align-items:flex-start}.about-section,.projects-section,.other-projects,.skills-section,.education-section,.contact-section{padding:90px 5%}.section-heading h2{letter-spacing:-2px}.about-main p{font-size:18px}.contact-box{padding:35px 24px}.contact-box h2{letter-spacing:-2px}.footer{flex-direction:column;align-items:flex-start;gap:15px;padding:30px 5%}}@media (width<=550px){.skills-grid{grid-template-columns:1fr}.skill-category{border-right:none}.project-links,.contact-buttons{flex-direction:column;align-items:flex-start}.hero-socials{flex-direction:column;gap:11px}}.project-preview{background:#090909;border:1px solid #252525;border-radius:14px;width:100%;overflow:hidden}.project-preview img{object-fit:cover;width:100%;transition:transform .4s;display:block}.featured-project:hover .project-preview img{transform:scale(1.02)}.expense-project{overflow:hidden}.expense-preview{background:#090909;border:1px solid #252525;border-radius:12px;width:100%;margin-bottom:30px;overflow:hidden}.expense-preview img{object-fit:cover;width:100%;transition:transform .4s;display:block}.expense-project:hover .expense-preview img{transform:scale(1.02)}.resume-disabled,.disabled-btn{opacity:.45;cursor:default;pointer-events:none}