@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:var(--accent) var(--dark)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--dark);border-left:2px solid var(--pixel-edge,#4f7cff)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg, transparent 0 25%, #ffffff38 25% 50%, transparent 50% 75%, #ffffff38 75%), var(--accent);border:3px solid var(--dark);min-height:48px;box-shadow:inset 0 0 0 2px var(--accent-3);background-size:12px 12px;border-radius:0}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-2)}::-webkit-scrollbar-corner{background:var(--dark)}:root{--bg:#000;--text:#fafaf8;--muted:#b8bdc7;--card:#ffffff0f;--border:#ffffff1a;--surface:#080d1cc7;--surface-strong:#0a1124eb;--surface-soft:#ffffff0b;--text-secondary:#c9d2e3;--shadow:0 20px 55px #00000057;--shadow-accent:0 18px 45px #2851e338;--accent:#2851e3;--accent-2:#4f7cff;--accent-3:#8fb4ff;--dark:#0b0d12;--github-color:white}body.light-theme{--bg:#fff;--text:#111827;--muted:#4b5563;--card:#ffffffc7;--border:#1118271a;--surface:#ffffffdb;--surface-strong:#fffffff5;--surface-soft:#2851e30e;--text-secondary:#334155;--shadow:0 22px 60px #23376924;--shadow-accent:0 18px 45px #2851e32b;--dark:#fff;--github-color:#181717}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:Courier New,monospace;transition:background .35s,color .35s}header,.hero,section,footer{z-index:1;position:relative}a{color:inherit}section{padding:80px 8%}section:not(.hero){background:0 0;position:relative;overflow:hidden}h2{color:var(--text);text-align:center;text-shadow:0 12px 30px #2851e333;margin-bottom:25px;font-size:35px}h2:after{content:"";background:linear-gradient(90deg, var(--accent), #00d5ff, #ff5f87);border-radius:999px;width:74px;height:3px;margin:14px auto 0;display:block;box-shadow:0 0 24px #4f7cff6b}body.light-theme h2{text-shadow:none}header,.header{z-index:1000;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;width:100%;padding:16px 8%;transition:all .35s;position:fixed;top:0}header.scrolled,.header.scrolled{-webkit-backdrop-filter:blur(18px);background:#080a148c;border-bottom:1px solid #ffffff14}body.light-theme header.scrolled,body.light-theme .header.scrolled{-webkit-backdrop-filter:blur(18px);background:#ffffffa6;border-bottom:1px solid #00000014;box-shadow:0 8px 30px #00000014}nav,.navbar{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-3px;image-rendering:pixelated;text-rendering:geometricprecision;align-items:center;gap:0;font-family:Pixelify Sans,Courier New,monospace;font-size:48px;font-weight:900;text-decoration:none;display:flex}.logo-d{color:#fff;transition:all .3s}body.light-theme .logo-d{color:#111827;text-shadow:none}.logo-s{color:var(--accent);margin-left:-6px;transition:all .3s}.logo:hover .logo-d{color:var(--accent)}.logo:hover .logo-s{color:#fff}body.light-theme .logo:hover .logo-s{color:#111827}body.light-theme header.scrolled .logo,body.light-theme .header.scrolled .logo{color:#15171c}.nav-links,ul{align-items:center;gap:35px;list-style:none;display:flex}.nav-links a,ul li a{color:#fff;letter-spacing:.5px;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after,ul li a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .35s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.nav-links a:hover,ul li a:hover{color:var(--accent)}.nav-links a:hover:after,ul li a:hover:after,.nav-links a.active:after,ul li a.active:after{width:100%}.nav-links a.active,ul li a.active{color:var(--accent)}body.light-theme header .nav-links a,body.light-theme header ul li a,body.light-theme header #menuBtn{color:#111827}body.light-theme header .nav-links a:hover,body.light-theme header ul li a:hover,body.light-theme header .nav-links a.active,body.light-theme header ul li a.active{color:var(--accent)}body.light-theme header.home-header:not(.scrolled) .logo-d,body.light-theme header.home-header:not(.scrolled) .nav-links a,body.light-theme header.home-header:not(.scrolled) ul li a,body.light-theme header.home-header:not(.scrolled) #menuBtn{color:#fff}body.light-theme header.home-header:not(.scrolled) .nav-links a:hover,body.light-theme header.home-header:not(.scrolled) ul li a:hover,body.light-theme header.home-header:not(.scrolled) .nav-links a.active,body.light-theme header.home-header:not(.scrolled) ul li a.active{color:var(--accent-3)}.standalone-page{min-height:calc(100vh - 80px);padding-top:72px}.standalone-page>section{min-height:calc(100vh - 152px)}body.light-theme header.scrolled .nav-links a,body.light-theme header.scrolled ul li a,body.light-theme .header.scrolled .nav-links a,body.light-theme .header.scrolled ul li a{color:#15171c}body.light-theme header.scrolled .nav-links a:hover,body.light-theme header.scrolled ul li a:hover{color:var(--accent)}#menuBtn,.menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:24px;display:none}body.light-theme header.scrolled #menuBtn,body.light-theme header.scrolled .menu-btn{color:#15171c}.theme-toggle{margin-left:20px}.theme-toggle input{display:none}.slider{cursor:pointer;background:#1f2937;border-radius:50px;justify-content:space-between;align-items:center;width:70px;height:34px;padding:0 8px;transition:all .3s;display:flex;position:relative}body.light-theme .slider{background:#d1d5db}.slider:before{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:all .3s;position:absolute;left:3px}#theme-switch:checked+.slider:before{transform:translate(36px)}.sun,.moon{z-index:1;font-size:14px}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#14161cf2;border-radius:999px;justify-content:space-evenly;align-items:center;width:420px;max-width:90%;height:72px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #00000059}.bottom-nav a{color:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex}.bottom-nav a:hover,.bottom-nav a.active{color:#111;background:#4da6ff;transform:translateY(-4px)}@media (width>=769px){.bottom-nav{display:none}}@media (width<=768px){header{padding:12px 6%;display:block}header nav{justify-content:flex-start;gap:12px}header .logo{margin-right:auto;font-size:40px}header .theme-toggle{margin-left:0}header .slider{width:60px;height:30px;padding:0 7px}header .slider:before{width:24px;height:24px}header #theme-switch:checked+.slider:before{transform:translate(30px)}body{padding-bottom:100px}}.hero{isolation:isolate;background-color:#0000;background-image:linear-gradient(90deg,#040712ed 0%,#040712c7 35%,#04071273 65%,#04071226 100%),url(/assets/hero5-B7j8-Lbl.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:100vh;padding:0 8%;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at 80%,#2851e347,#0000 45%);position:absolute;inset:0}.hero>div{z-index:2;max-width:850px}.hero,.hero button,.hero a{font-family:Pixelify Sans,Courier New,monospace}.typing-cursor{color:var(--accent);animation:.8s infinite blink}.hero-content{margin-top:40px}.hero-loading-placeholder{color:var(--muted);opacity:.8;margin-top:24px;font-size:18px}.tilt-name{letter-spacing:-2px;text-transform:uppercase;text-shadow:4px 0 #111827,0 4px #111827,4px 4px #2851e3a6;image-rendering:pixelated;flex-direction:column;margin:10px 0 20px;font-family:Pixelify Sans,Courier New,monospace;font-size:clamp(70px,9vw,150px);font-weight:900;line-height:.9;display:flex}.first-name,.last-name{display:block}.first-name{color:#fff}.last-name{color:var(--accent)}.tilt-name:hover{text-shadow:5px 0 0 #111827, 0 5px 0 #111827, 5px 5px 0 var(--accent)}.hero h3{color:#fff;letter-spacing:-1px;text-shadow:3px 3px #111827;margin:25px 0 15px;font-size:34px}.hero p{color:#b6c1d4;text-shadow:2px 2px #111827;font-size:20px;font-weight:700;line-height:1.8}#typing-text{color:var(--accent-3)}#typing-text:after{content:"|";animation:.8s infinite blink}@keyframes blink{50%{opacity:0}}#draggableText{cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .4s;display:inline-block}#draggableText:active{cursor:grabbing}.availability{color:#cfd6e8;text-transform:uppercase;text-shadow:2px 2px #111827;align-items:center;gap:12px;margin:20px 0;font-family:JetBrains Mono,monospace;font-weight:700;display:flex}.pulse{background:#22c55e;border-radius:0;width:12px;height:12px;position:relative;box-shadow:3px 3px #14532d}.pulse:after{content:"";background:#22c55e;border-radius:0;animation:1.8s infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.social-links{align-items:center;gap:18px;display:flex}.social-links a{color:#fff;background:#0b0d12;border:3px solid #b4b4b4;border-radius:0;place-items:center;width:48px;height:48px;font-size:24px;transition:all .15s steps(2,end);display:grid;box-shadow:5px 5px #ffffff4d}.social-links a:hover{color:var(--accent);border-color:var(--accent);box-shadow:2px 2px 0 var(--accent);transform:translate(3px,3px)}.hero-buttons{flex-wrap:wrap;gap:15px;margin-top:25px;display:flex}.btn{text-transform:uppercase;letter-spacing:1px;border-radius:0;padding:16px 34px;font-weight:900}.btn:hover{background:var(--accent);transform:translate(4px,4px)}.cv-btn{border:2px solid var(--accent);color:var(--accent);box-shadow:6px 6px 0 var(--accent);z-index:1;background:0 0;transition:all .15s steps(2,end);position:relative;overflow:hidden}.cv-btn:before{content:"";background:var(--accent);z-index:-1;width:100%;height:100%;transition:left 1s;position:absolute;top:0;left:-100%}.cv-btn:hover:before{left:0}.cv-btn:hover{color:#fff;box-shadow:2px 2px #fff}.scroll-down{color:var(--text);letter-spacing:1px;text-transform:uppercase;text-shadow:2px 2px #111827;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:10px;font-size:14px;font-weight:900;text-decoration:none;animation:2s infinite float;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.down-arrow{width:40px;height:24px;animation:1s steps(2,end) infinite arrow-blink;display:block;position:relative}.down-arrow:before{content:"";background:var(--accent-3);width:8px;height:8px;box-shadow:32px 0 var(--accent-3), 8px 8px var(--accent-3), 24px 8px var(--accent-3), 16px 16px var(--accent-3);position:absolute;top:0;left:0}@keyframes arrow-blink{0%,45%{opacity:1}50%,to{opacity:.25}}@keyframes float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.about-layout{gap:30px;display:grid}.about-card,.info-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);border-radius:18px;padding:30px}body.light-theme .about-card,body.light-theme .info-card{border-color:#2851e31f}.info-card.hobby-card{position:relative;overflow:hidden}.education-slider-card{overflow:hidden}.education-display{background:var(--surface-soft);border:1px solid var(--border);border-radius:16px;margin-top:20px;padding:25px;transition:all .3s}.edu-badge{color:var(--accent);background:#2851e326;border:1px solid #2851e34d;border-radius:999px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.education-display h4{color:var(--text);margin-bottom:8px;font-size:22px}.education-display p{color:var(--muted);margin-bottom:8px}.education-display span{color:var(--muted);margin-bottom:10px;display:block}.education-display strong{color:var(--accent-3)}.education-range{width:100%;accent-color:var(--accent);cursor:pointer;margin:28px 0 15px}.education-steps{justify-content:space-between;gap:10px;display:flex}.education-steps button{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);cursor:pointer;border-radius:30px;padding:8px 12px;font-size:13px;transition:all .3s}.education-steps button:hover,.education-steps button.active{background:var(--accent);color:#fff;border-color:var(--accent)}body.light-theme .education-display,body.light-theme .education-steps button{color:var(--text);background:#ffffffd1}.about-card-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.about-card-header button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;padding:10px 18px}.about-card p{color:var(--muted);margin-bottom:18px;line-height:1.9}.about-card strong{color:var(--accent)}.about-bottom-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.hobby-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-top:20px;display:grid}.hobby-row{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:18px;width:100%;padding:16px;transition:background .35s,border-color .35s,box-shadow .35s;display:flex}.hobby-row:hover{background:#ffffff24;border-color:#4f7cff2e;box-shadow:0 24px 50px #0000002e}.hobby-row:hover .hobby-inner{transform:scale(1.05)}.hobby-inner{align-items:center;gap:18px;width:100%;transition:transform .35s;display:flex;transform:scale(1)}body.light-theme .hobby-row{background:#ffffffeb;border-color:#2851e31f}body.light-theme .hobby-row:hover{background:#fff}.hobby-row img{object-fit:cover;border-radius:16px;width:70px;height:70px;transition:transform .35s}.hobby-row:hover img{transform:scale(1.08)}.hobby-content{flex:1}.hobby-content h4{color:var(--text);margin-bottom:6px}.hobby-content p{color:var(--muted);line-height:1.6}.hobby-content a{color:var(--accent);text-decoration:none}@media (width<=768px){.about-bottom-grid{grid-template-columns:1fr}}@media (width<=480px){.hobby-list{grid-template-columns:1fr}}.experience-section{flex-direction:column;justify-content:center;display:flex}.experience-list{max-width:900px}.experience-card{background:var(--surface);border:2px solid var(--border);box-shadow:8px 8px 0 var(--pixel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:24px minmax(0,1fr);gap:24px;padding:34px;display:grid;position:relative}.experience-marker{background:var(--accent);border:3px solid var(--accent-3);width:20px;height:20px;box-shadow:4px 4px 0 var(--pixel-shadow);margin-top:4px}.experience-date{color:var(--accent-3);text-transform:uppercase;margin-bottom:14px;font-size:.9rem;font-weight:900;display:inline-block}.experience-content h3{color:var(--text);margin-bottom:10px;font-size:clamp(1.45rem,3vw,2rem)}.experience-company{color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.experience-tech-stack{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.experience-tech-stack span{color:var(--accent-3);box-shadow:3px 3px 0 var(--pixel-shadow);text-transform:uppercase;background:#2851e326;border:2px solid #4f7cff73;padding:8px 12px;font-size:.8rem;font-weight:900}body.light-theme .experience-tech-stack span{color:var(--accent);background:#eef2ff}body.light-theme .experience-card{border-color:#2851e32e}@media (width<=560px){.experience-card{grid-template-columns:16px minmax(0,1fr);gap:16px;padding:24px 18px}.experience-marker{border-width:2px;width:14px;height:14px}}.cards,.skills-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;display:grid}.card,.skill-card{background:var(--surface);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:28px 22px;transition:all .35s}body.light-theme .card,body.light-theme .skill-card{border-color:#2851e31f}.skill-icon{image-rendering:pixelated;shape-rendering:crispedges;margin-bottom:18px;font-size:64px;transition:all .35s}.card h3,.skill-card h3{color:var(--text);margin-bottom:8px;font-size:18px}.card p,.skill-card p{color:var(--muted);font-size:14px}.card strong,.skill-card strong{color:var(--text);margin-top:8px;font-size:13px;font-weight:700;display:block}.skill-meter{border:1px solid var(--border);background:#ffffff1a;border-radius:999px;width:100%;height:8px;margin-top:16px;overflow:hidden}.skill-meter span{border-radius:inherit;height:100%;display:block;box-shadow:0 0 18px #4f7cff59}body.light-theme .skill-meter{background:#11182714}.card:hover,.skill-card:hover{box-shadow:var(--shadow-accent);transform:translateY(-10px)}.skill-tabs{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:35px;display:flex}.skill-tab{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;padding:12px 24px;font-weight:600;transition:all .3s;box-shadow:0 10px 24px #0000001a}body.light-theme .skill-tab{border-color:#2851e31f;box-shadow:0 12px 28px #2337691a}.skill-tab.active,.skill-tab:hover{background:var(--accent);color:#fff}.skills-content{display:none}.skills-content.active{display:block}.skills-more{justify-content:center;margin-top:32px;display:flex}.skills-more a{border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);border-radius:30px;justify-content:center;align-items:center;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.skills-more a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px)}.projects-container,.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);height:auto;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:0;transition:all .3s;overflow:hidden}body.light-theme .project-card{border-color:#2851e31f}.project-card:hover{box-shadow:var(--shadow-accent);transform:translateY(-8px)}.project-card img,.project-image{object-fit:cover;width:100%;height:200px;transition:all .4s;display:block}.project-card:hover img,.project-card:hover .project-image{transform:scale(1.06)}.project-card-content,.project-content{padding:22px}.project-card h3{color:var(--text);margin-bottom:10px}.project-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-heading h3{margin-bottom:10px}.project-status{border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:.72rem;font-weight:700;line-height:1.3}.project-status.in-progress{color:#fbbf24;background:#fbbf242e}.project-status.completed{color:#4ade80;background:#22c55e29}body.light-theme .project-status.in-progress{color:#a16207;background:#b453091f}body.light-theme .project-status.completed{color:#15803d;background:#15803d1f}.project-card p{color:var(--muted);line-height:1.6}.tech-stack,.project-tags{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.tech-stack span,.project-tags span{color:#8ea2ff;background:#2851e326;border:1px solid #2851e34d;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600}body.light-theme .tech-stack span,body.light-theme .project-tags span{color:var(--accent);background:#eef2ff}.project-features{margin:18px 0}.project-features h4{color:var(--accent);margin-bottom:10px;font-size:.95rem}.project-features ul{margin:0;padding:0;list-style:none}.project-features li{color:var(--text-secondary);margin-bottom:8px;padding-left:20px;font-size:.92rem;line-height:1.5;position:relative}.project-features li:before{content:"✔";color:#22c55e;font-weight:700;position:absolute;left:0}.project-links{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.project-links a{background:var(--accent);color:#fff;border-radius:8px;padding:10px 14px;font-size:14px;text-decoration:none;transition:all .3s}.project-links a:hover{background:#1d3fb5;transform:translateY(-2px)}.project-links a.secondary-link{border:1px solid var(--accent);color:var(--accent);background:0 0}.project-links a.secondary-link:hover{background:var(--accent);color:#fff}.project{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;margin-bottom:20px;padding:25px;transition:all .3s}.project:hover{transform:translateY(-8px);box-shadow:0 10px 30px #2851e326}.project h3{margin-bottom:10px}.project p{color:var(--muted)}.project a{color:var(--accent-2);margin-top:12px;text-decoration:none;display:inline-block}.tech-stack{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tech-badge{color:var(--accent);background:#2851e31f;border:1px solid #2851e340;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .3s}body.light-theme .tech-badge{color:#2851e3;background:#eef4ff;border-color:#c7d7ff}.more-projects{text-align:center;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;margin-top:60px;padding:34px}body.light-theme .more-projects{border-color:#2851e31f}.more-projects h3{margin-bottom:15px;font-size:1.7rem}.more-projects p{max-width:650px;color:var(--text-secondary);margin:0 auto 25px;line-height:1.8}.github-btn{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.github-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2851e34d}body.light-theme .github-btn{color:#fff}#contact{flex-direction:column;align-items:center;padding:80px 20px;display:flex}#contact h2{color:var(--text);text-align:center;align-self:center;width:100%;margin-bottom:30px;font-size:2.5rem}#contact p{color:var(--text-secondary);margin-bottom:35px}#contact form{width:min(90%,460px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:14px;margin:0 auto;padding:24px;display:flex}#contact input,#contact textarea{box-sizing:border-box;width:100%;color:var(--text);border-radius:10px;margin:0;padding:12px 14px;font-size:.95rem;transition:all .3s}#contact input:focus,#contact textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #2851e326}#contact textarea{resize:vertical;min-height:110px}#contact button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:1rem;font-weight:600;transition:all .3s}#contact button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2851e34d}#contact button:active{transform:scale(.98)}.social-contact{text-align:center}.contact-social-links{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:36px;display:flex}.contact-social-links a{min-width:130px;color:var(--text);background:var(--surface);border:2px solid var(--border);box-shadow:6px 6px 0 var(--pixel-shadow);text-transform:uppercase;place-items:center;gap:10px;padding:18px 16px;font-weight:900;text-decoration:none;transition:transform .15s steps(2,end),box-shadow .15s steps(2,end),color .15s steps(2,end);display:grid}.contact-social-links i{color:var(--accent);font-size:30px}.contact-social-links a:hover{color:var(--accent);box-shadow:3px 3px 0 var(--pixel-edge);transform:translate(3px,3px)}.message-me-btn{color:#fff;background:var(--accent);border:2px solid var(--pixel-edge);box-shadow:6px 6px 0 var(--pixel-shadow);text-transform:uppercase;padding:16px 30px;font-weight:900;text-decoration:none;transition:transform .15s steps(2,end),box-shadow .15s steps(2,end);display:inline-block}.message-me-btn:hover{box-shadow:2px 2px 0 var(--pixel-edge);transform:translate(4px,4px)}body:not(.light-theme) #contact form{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)}body:not(.light-theme) #contact input,body:not(.light-theme) #contact textarea{border:1px solid var(--border);background:#ffffff0e}body:not(.light-theme) #contact input::placeholder,body:not(.light-theme) #contact textarea::placeholder{color:#8b949e}body.light-theme #contact form{background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);border:1px solid #2851e31f}body.light-theme #contact input,body.light-theme #contact textarea{background:#f8fbff;border:1px solid #2851e329}body.light-theme #contact input::placeholder,body.light-theme #contact textarea::placeholder{color:#64748b}@media (width<=768px){#contact{min-height:auto;padding:60px 16px}#contact h2{font-size:2rem}#contact form{padding:24px}#contact input,#contact textarea{padding:14px;font-size:15px}#contact button{padding:14px}}footer,.footer{text-align:center;background:var(--surface-strong);color:var(--text);border-top:1px solid var(--border);padding:25px;box-shadow:0 -14px 38px #00000029}body.light-theme footer,body.light-theme .footer{border-top-color:#2851e31f;box-shadow:0 -14px 38px #23376914}@media (width<=900px){.about-grid{grid-template-columns:1fr}.hobbies-column{grid-column:auto}}@media (width<=768px){section{padding:70px 6%}.nav-links,ul{background:#111;border-radius:12px;flex-direction:column;width:220px;padding:20px;display:none;position:absolute;top:70px;right:8%}.nav-links.active,ul.active{display:flex}#menuBtn,.menu-btn{display:block}.hero h1{font-size:38px}.hero h3{font-size:22px}.hero p{font-size:16px}.project-card img,.project-image{height:180px}}body.light-theme .scroll-down{color:#fff;background:0 0;padding:0}:root{--pixel-edge:#4f7cff;--pixel-shadow:#4f7cff8c}body.light-theme{--pixel-edge:#2851e3;--pixel-shadow:#2851e347}body,input,textarea,select{font-family:Courier New,monospace}button,.skill-tab,.education-steps button,.about-card-header button,.project-links a,.github-btn,#contact button,.tech-stack span,.project-tags span,.tech-badge{font-family:Pixelify Sans,Courier New,monospace}h1,h2,section h3,section h4,.logo,.nav-links a,header ul li a,.bottom-nav a,.project-status{font-family:Pixelify Sans,Courier New,monospace;font-weight:900}h2{text-transform:uppercase;text-shadow:3px 3px 0 var(--pixel-shadow)}h2:after{height:5px;box-shadow:4px 4px 0 var(--pixel-shadow);border-radius:0}.about-card,.info-card,.education-display,.hobby-row,.card,.skill-card,.project-card,.project,.more-projects,#contact form{box-shadow:8px 8px 0 var(--pixel-shadow);border-width:2px;border-radius:0;transition:transform .15s steps(2,end),box-shadow .15s steps(2,end)}.card:hover,.skill-card:hover,.project-card:hover,.project:hover,.hobby-row:hover{box-shadow:4px 4px 0 var(--pixel-edge);transform:translate(4px,4px)}.hobby-row img,.edu-badge,.tech-stack span,.project-tags span,.tech-badge,.skill-meter,.skill-meter span{border-radius:0}.skill-meter{height:10px;box-shadow:3px 3px 0 var(--pixel-shadow)}.skill-meter span{box-shadow:none}.skill-icon{filter:none}.card:hover .skill-icon,.skill-card:hover .skill-icon{transform:none}.skill-tab,.education-steps button,.about-card-header button,.project-links a,.github-btn,#contact button{border:2px solid var(--pixel-edge);box-shadow:5px 5px 0 var(--pixel-shadow);text-transform:uppercase;border-radius:0;font-weight:900;transition:transform .15s steps(2,end),box-shadow .15s steps(2,end),background .15s steps(2,end)}.skill-tab:hover,.skill-tab.active,.education-steps button:hover,.education-steps button.active,.about-card-header button:hover,.project-links a:hover,.github-btn:hover,#contact button:hover{box-shadow:2px 2px 0 var(--pixel-edge);transform:translate(3px,3px)}#contact input,#contact textarea{box-shadow:4px 4px 0 var(--pixel-shadow);border-width:2px;border-radius:0}#contact input:focus,#contact textarea:focus{box-shadow:4px 4px 0 var(--pixel-edge)}.slider,.slider:before,.bottom-nav,.bottom-nav a,body.light-theme .scroll-down{border-radius:0}.bottom-nav{border:2px solid var(--pixel-edge);box-shadow:7px 7px 0 var(--pixel-shadow)}.bottom-nav a,#menuBtn{transition:transform .15s steps(2,end)}.nav-links a:after,header ul li a:after{height:4px}html,body{max-width:100%;overflow-x:clip}section:not(.hero){width:100%}@media (width>=1600px){section{padding-left:max(8%,50vw - 720px);padding-right:max(8%,50vw - 720px)}.hero>div{max-width:960px}}@media (width<=1100px){header,.header{padding-left:5%;padding-right:5%}.nav-links,header ul{gap:22px}.about-bottom-grid{grid-template-columns:1fr}.project-grid{gap:24px}}@media (width>=769px) and (width<=1024px){section{padding:72px 6%}.tilt-name{font-size:clamp(64px,10vw,102px)}.hero>div{max-width:72%}.hero p{font-size:18px}.cards,.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-social-links a{min-width:120px}}@media (width<=768px){header,.header{padding:10px 5%}header nav{width:100%}.nav-links,header ul{border:2px solid var(--pixel-edge);width:min(260px,90vw);box-shadow:6px 6px 0 var(--pixel-shadow);border-radius:0;gap:20px;right:5%}body.light-theme header.scrolled .nav-links,body.light-theme header.scrolled ul,body.light-theme header:not(.home-header) .nav-links,body.light-theme header:not(.home-header) ul{background:#fffffff7}body.light-theme header.home-header:not(.scrolled) .nav-links,body.light-theme header.home-header:not(.scrolled) ul{background:#080a14f7}section{padding:64px 5%}.hero{background-position:62%;min-height:100svh;padding:100px 5% 120px}.hero>div{width:100%;max-width:620px}.tilt-name,.hero h1{letter-spacing:-1px;font-size:clamp(42px,13vw,72px);line-height:.92}.hero h3{min-height:2.5em;font-size:clamp(20px,5.5vw,28px)}.hero p{max-width:560px;line-height:1.6}.scroll-down{bottom:94px}.about-card,.info-card,.more-projects{padding:22px 18px}.about-card-header{align-items:flex-start;gap:16px}.education-steps{flex-wrap:wrap;justify-content:flex-start}.education-steps button{flex:calc(50% - 10px)}.cards,.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.contact-social-links{width:100%;max-width:600px}.contact-social-links a{flex:calc(33.333% - 18px);min-width:120px}#contact form{width:min(100%,520px)}footer,.footer{padding-bottom:115px}}@media (width<=560px){h2{font-size:clamp(27px,8vw,34px)}header .logo{font-size:36px}.theme-toggle{margin-left:6px}.hero{background-position:68%}.hero p{font-size:15px}.availability{align-items:flex-start;font-size:13px}.social-links a{width:44px;height:44px}.cards,.skills-grid,.project-grid{grid-template-columns:1fr}.skill-tabs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.skill-tab{width:100%;padding:12px 8px;font-size:12px}.hobby-list{grid-template-columns:1fr}.contact-social-links{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-social-links a{min-width:0;padding:16px 8px;font-size:12px}.message-me-btn{width:min(100%,320px)}}@media (width<=380px){section{padding-left:16px;padding-right:16px}header .logo{font-size:33px}header .slider{width:54px}header #theme-switch:checked+.slider:before{transform:translate(24px)}.hero{padding-left:16px;padding-right:16px}.tilt-name,.hero h1{font-size:clamp(38px,13vw,50px)}.about-card-header{flex-direction:column}.skill-tabs,.contact-social-links{grid-template-columns:1fr}.bottom-nav{width:calc(100% - 24px);height:64px;bottom:10px}.bottom-nav a{width:48px;height:48px}}img,svg,video,button,input,textarea,select{max-width:100%}main,section,.about-layout,.about-bottom-grid,.cards,.project-grid{min-width:0}section:not(.hero)>*{width:min(100%,1440px);margin-left:auto;margin-right:auto}.about-card p,.education-display h4,.hobby-content h4,.project-card h3,.project-card p,.more-projects p{overflow-wrap:anywhere}#menuBtn{min-width:44px;min-height:44px}@media (width>=1200px){.cards,.skills-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1440px}.about-layout{max-width:1440px}}@media (width>=1800px){header,.header,.hero{padding-left:max(8%,50vw - 800px);padding-right:max(8%,50vw - 800px)}section:not(.hero)>*{max-width:1600px}.hero>div{max-width:1050px}.tilt-name{font-size:clamp(120px,7vw,170px)}}@media (width>=561px) and (width<=768px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card img,.project-image{height:clamp(150px,23vw,190px)}}@media (width<=560px){header,.header{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.hero{min-height:100svh;padding-top:92px;padding-bottom:132px}.hero-buttons,.hero-buttons .btn{width:100%}.hero-buttons .btn{text-align:center}.about-card,.info-card,.more-projects,.project-card-content,.project-content{padding-left:16px;padding-right:16px}#contact form{padding:20px 16px}.bottom-nav{bottom:max(10px, env(safe-area-inset-bottom));max-width:calc(100% - 24px)}}@media (width<=360px){header nav{gap:6px}header .logo{font-size:31px}header .slider{width:50px;padding:0 5px}header #theme-switch:checked+.slider:before{transform:translate(20px)}.tilt-name,.hero h1{font-size:clamp(34px,13vw,46px)}.hero h3{font-size:18px}.education-steps button{flex-basis:100%}}@media (height<=700px) and (orientation:landscape){.hero{min-height:700px;padding-top:90px;padding-bottom:80px}.scroll-down{display:none}}@media (hover:none){.card:hover,.skill-card:hover,.project-card:hover,.project:hover,.hobby-row:hover{box-shadow:8px 8px 0 var(--pixel-shadow);transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scroll-reveal{opacity:0;transition:opacity .65s ease var(--reveal-delay,0s), transform .65s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(24px)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;will-change:auto;transform:none}}
