@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1117;color:#eaeaea;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f1a;--bg-tertiary:#1a1a2e;--bg-glass:#1a1a2ecc;--bg-dark:#050508;--text-primary:#fff;--text-secondary:#e0e0e0;--text-muted:#b0b0b0;--border-color:#ffffff26;--shadow-color:#0000004d;--accent-cyan:#00fff7;--accent-blue:#0096ff;--gradient-primary:linear-gradient(135deg,#0a0a0f,#1a1a2e);--gradient-secondary:linear-gradient(135deg,#0f0f1a,#2a2a3e)}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}.particle-canvas,body{background:linear-gradient(135deg,#0a0a0f,#1a1a2e);background:var(--gradient-primary)}.particle-canvas{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.gradient-blob{animation:float 35s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.03;position:fixed;z-index:-1}.blob-1{animation-delay:0s;background:radial-gradient(circle,#ffffff1a,#0000);height:600px;right:5%;top:5%;width:600px}.blob-2{animation-delay:17s;background:radial-gradient(circle,#ffffff14,#0000);bottom:10%;height:500px;left:10%;width:500px}.blob-3{animation-delay:8s;background:radial-gradient(circle,#ffffff0f,#0000);height:400px;right:20%;top:50%;width:400px}.blob-4{animation-delay:25s;background:radial-gradient(circle,#ffffff0d,#0000);height:550px;left:30%;top:20%;width:550px}@keyframes float{0%,to{opacity:.03;transform:translateY(0) rotate(0deg) scale(1)}25%{opacity:.04;transform:translateY(-40px) rotate(90deg) scale(1.05)}50%{opacity:.02;transform:translateY(25px) rotate(180deg) scale(.95)}75%{opacity:.035;transform:translateY(-25px) rotate(270deg) scale(1.02)}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fb3;border:1px solid #ffffff26;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0003;left:50%;padding:.5rem;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.nav-container{align-items:center;display:flex;justify-content:center;padding:0 1rem}.nav-menu{display:flex;gap:3rem;list-style:none;margin:0;padding:0}.nav-link{border-radius:12px;color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:500;letter-spacing:.5px;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff0d;color:#b0b0b0;color:var(--text-muted)}.container{margin:0;max-width:none;padding:0 6rem;width:100vw}.section{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:6rem 0;position:relative;width:100vw}.content-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;letter-spacing:-.04em;margin-bottom:2.5rem;position:relative;text-align:center}.content-title:after{background:linear-gradient(90deg,#0000,#fff,#0000);border-radius:2px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;letter-spacing:-.04em;margin-bottom:2.5rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#0000,#fff,#0000);border-radius:2px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.hero{align-items:center;display:flex;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);min-height:100vh;padding-top:120px;position:relative;width:100vw}.hero-container{grid-gap:8rem;align-items:center;display:grid;gap:8rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:none;padding:0 6rem;width:100%}.hero-content{animation:fadeInUp 1s ease-out;max-width:none;width:100%}.hero-title{font-size:4.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.gradient-text{color:#fff;color:var(--text-primary)}.hero-subtitle{color:#e0e0e0;color:var(--text-secondary);font-size:1.35rem;font-weight:400;line-height:1.7;margin-bottom:2.5rem;max-width:none;width:100%}.hero-buttons,.project-buttons{display:flex;flex-wrap:wrap;gap:1.5rem}.project-buttons{align-items:center;justify-content:center;margin-top:5rem}.btn{background:#0000;border:1px solid #fff;border:1px solid var(--text-primary);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:.5px;padding:1.2rem 3rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.btn:hover{background:#fff;background:var(--text-primary);color:#0a0a0f;color:var(--bg-primary);transform:translateY(-2px)}.hero-visual{align-items:center;animation:fadeInRight 1s ease-out .3s both;display:flex;flex-direction:column;justify-content:center;width:100%}.code-block{background:#1a1a2ee6;border:1px solid #ffffff26;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 40px #0003;max-width:700px;overflow:hidden;transition:all .3s ease;width:100%}.code-block:hover{box-shadow:0 25px 50px #0000004d;transform:translateY(-5px)}.scroll-indicator{bottom:5vh;left:50%;position:absolute;transform:translateX(-50%);z-index:1}.scroll-indicator-link{align-items:center;background:#1a1a2e99;border:1px solid #ffffff26;border:1px solid var(--border-color);border-radius:999px;color:#e0e0e0;color:var(--text-secondary);cursor:pointer;display:inline-flex;gap:.6rem;padding:.6rem 1rem;text-decoration:none;transition:color .2s ease,transform .2s ease}.scroll-indicator-link:hover{color:#fff;transform:translateY(-2px)}.scroll-indicator-text{font-size:.95rem}.scroll-indicator-icon{animation:scroll-bounce 1.6s ease-in-out infinite}@keyframes scroll-bounce{0%,to{opacity:.85;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.code-header{background:#0a0a0ff2;border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1.25rem}.code-dot{border-radius:50%;height:12px;width:12px}.code-dot.red{background:#ff6b6b}.code-dot.yellow{background:#ffd93d}.code-dot.green{background:#6bcf7f}.code-content{background:#0a0a0fcc;color:#fff;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem;line-height:1.7;margin:0;padding:2rem}.code-content code{background:none;padding:0}.projects-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));padding:0 3rem;width:100%}.project-card{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#1a1a2ef2,#141423f2);border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 20px 40px #0000004d;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.project-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:2px;z-index:1}.project-card:after,.project-card:before{content:"";left:0;position:absolute;right:0;top:0}.project-card:after{background:radial-gradient(circle at 30% 20%,#ffffff08 0,#0000 50%);bottom:0;pointer-events:none}.project-card:first-child{animation-delay:.1s;border-left:3px solid #fff3}.project-card:nth-child(2){animation-delay:.2s;border-left:3px solid #ffffff26}.project-card:nth-child(3){animation-delay:.3s;border-left:3px solid #ffffff1a}.project-card:hover{background:linear-gradient(135deg,#1a1a2efa,#141423fa);border-color:#ffffff40;box-shadow:0 40px 80px #00000080;transform:translateY(-16px) scale(1.02)}.project-image{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;background:var(--bg-glass);border:1px solid #ffffff26;border:1px solid var(--border-color);border-radius:12px;height:280px;overflow:hidden;position:relative;width:100%}.project-image img{border-radius:12px;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%}.project-image:hover img{filter:blur(2px);transform:scale(1.05)}.project-hover-buttons{display:flex;gap:1rem;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.project-card:hover .project-hover-buttons{opacity:1}.project-hover-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000e6;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0009;color:#fff;display:flex;height:80px;justify-content:center;text-decoration:none;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.project-card:hover .project-hover-btn{transform:scale(1)}.project-hover-btn:hover{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#00fff74d;border-color:#00fff7;border-color:var(--accent-cyan);box-shadow:0 0 30px #00fff799,0 8px 32px #000c;transform:scale(1.1)}.project-hover-btn svg{transition:transform .2s ease}.project-hover-btn:hover svg{transform:scale(1.1)}.github-btn:hover{background:#24292ef2;border-color:#24292e;box-shadow:0 0 30px #24292ecc,0 8px 32px #000c}.external-btn:hover{background:#0096ff4d;border-color:#0096ff;border-color:var(--accent-blue);box-shadow:0 0 30px #0096ff99,0 8px 32px #000c}.project-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:4rem}.project-title{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.5rem;padding-bottom:1.5rem;position:relative}.project-title:after{background:linear-gradient(90deg,#fff6,#0000);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:60px}.project-description{color:#e0e0e0;color:var(--text-secondary);flex:1 1;font-size:1.2rem;line-height:1.7;margin-bottom:2.5rem;opacity:.9}.project-tech{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.tech-tag{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26;border-radius:16px;color:#fff;color:var(--text-primary);cursor:default;font-size:.95rem;font-weight:600;letter-spacing:.02em;min-width:120px;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tech-tag:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.tech-tag:hover:before{left:100%}.tech-tag:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff4d;box-shadow:0 12px 30px #0000004d;color:#fff;transform:translateY(-4px) scale(1.02)}.tech-tag:active{transform:translateY(-2px) scale(1.01)}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{background:#ffffff0d;border:2px solid #fff3;border-radius:12px;color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#ffffff1a;border-color:#fff6;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.skills-header{animation:fadeInUp .8s ease-out;margin-bottom:7rem;text-align:center}.skills-subtitle{color:#e0e0e0;color:var(--text-secondary);font-size:1.5rem;font-weight:400;line-height:1.7;margin:0 auto;max-width:800px;opacity:.9}.skills-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));padding:0 3rem;width:100%}.skill-category{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#1a1a2ef2,#141423f2);border:1px solid #ffffff1f;border-radius:28px;box-shadow:0 20px 40px #0000004d;overflow:hidden;padding:4rem;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:100%}.skill-category:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:2px}.skill-category:after,.skill-category:before{content:"";left:0;position:absolute;right:0;top:0}.skill-category:after{background:radial-gradient(circle at 30% 20%,#ffffff08 0,#0000 50%);bottom:0;pointer-events:none}.skill-category:first-child{animation-delay:.1s;border-left:3px solid #fff3}.skill-category:nth-child(2){animation-delay:.2s;border-left:3px solid #ffffff26}.skill-category:nth-child(3){animation-delay:.3s;border-left:3px solid #ffffff1a}.skill-category:hover{background:linear-gradient(135deg,#1a1a2efa,#141423fa);border-color:#ffffff40;box-shadow:0 40px 80px #00000080;transform:translateY(-16px) scale(1.02)}.skill-category-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:1.5rem;margin-bottom:3rem;padding-bottom:1.5rem}.skill-category-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;color:#fff;color:var(--text-primary);display:flex;height:60px;justify-content:center;width:60px}.skill-category-icon svg{height:32px;width:32px}.skill-category-title{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:3rem;padding-bottom:1.5rem;position:relative;text-align:center}.skill-category-title:after{background:linear-gradient(90deg,#0000,#fff6,#0000);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.skill-tags{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.skill-tag{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff26;border-radius:20px;color:#fff;color:var(--text-primary);cursor:default;font-size:1rem;font-weight:600;letter-spacing:.02em;min-width:140px;overflow:hidden;padding:1.25rem 2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.skill-tag:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.skill-tag:hover:before{left:100%}.skill-tag:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff4d;box-shadow:0 20px 40px #0006;color:#fff;transform:translateY(-6px) scale(1.05)}.skill-tag:active{transform:translateY(-2px) scale(1.02)}.skill-icon{color:#fff;color:var(--text-primary);flex-shrink:0;height:20px;transition:transform .3s ease;width:20px}.skill-tag:hover .skill-icon{transform:scale(1.1)}.skill-name{font-weight:500;letter-spacing:.02em;white-space:nowrap}.contact-content{grid-gap:8rem;display:grid;gap:8rem;grid-template-columns:1fr 1fr;margin-top:3rem;padding:0 2rem;width:100%}.contact-info{animation:fadeInLeft .8s ease-out;max-width:none;width:100%}.contact-form{animation:fadeInRight .8s ease-out .2s both;max-width:none;width:100%}.contact-subtitle{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:2rem}.contact-description{color:#e0e0e0;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2.5rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;border:1px solid #0000;border-radius:16px;color:#fff;color:var(--text-primary);display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-method:before{background:linear-gradient(135deg,#00fff71a,#0096ff1a)}.contact-method:after,.contact-method:before{border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.contact-method:after{background:linear-gradient(135deg,#00fff74d,#0096ff4d)}.contact-method:hover{box-shadow:0 20px 40px #00fff726;transform:translateY(-4px) scale(1.02)}.contact-method:hover:after,.contact-method:hover:before{opacity:1}.contact-method:active{transform:translateY(-2px) scale(1.01);transition:transform .1s ease}.contact-icon{align-items:center;background:linear-gradient(135deg,#00fff71a,#0096ff1a);border-radius:12px;color:#00fff7;color:var(--accent-cyan);display:flex;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px;z-index:2}.contact-method:hover .contact-icon{background:linear-gradient(135deg,#00fff733,#0096ff33);transform:scale(1.1)}.contact-details{display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:2}.contact-label{color:#b0b0b0;color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.contact-value{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:500}.contact-form,.form{gap:2rem}.contact-form,.form,.form-group{display:flex;flex-direction:column}.form-group,.input-wrapper{position:relative}.form-input,.form-textarea{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;border:2px solid #ffffff1a;border-radius:12px;color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1.1rem;padding:1.5rem 1.5rem .75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus,.form-textarea:focus{border-color:#00fff7;border-color:var(--accent-cyan);box-shadow:0 0 0 4px #00fff71a;outline:none;transform:translateY(-2px)}.form-input:hover,.form-textarea:hover{border-color:#fff3;transform:translateY(-1px)}.form-input.error,.form-textarea.error{border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a}.form-input.success,.form-textarea.success{border-color:#00fff7;border-color:var(--accent-cyan);box-shadow:0 0 0 4px #00fff71a}.form-input:focus+.floating-label,.form-input:not(:placeholder-shown)+.floating-label,.form-textarea:focus+.floating-label,.form-textarea:not(:placeholder-shown)+.floating-label{color:#00fff7;color:var(--accent-cyan);transform:translateY(-1.5rem) scale(.85)}.floating-label.required:after{color:#ff6b6b;content:" *";font-weight:600}.floating-label{color:#b0b0b0;color:var(--text-muted);font-size:1.1rem;font-weight:500;left:1.5rem;pointer-events:none;position:absolute;top:1.5rem;transform-origin:left top;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-textarea{min-height:140px;resize:vertical}.contact-submit{align-items:center;background:linear-gradient(135deg,#00fff71a,#0096ff1a);background-clip:padding-box;border:2px solid #0000;display:flex;gap:.75rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-submit:before{background:linear-gradient(135deg,#00fff7,#0096ff);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.contact-submit:hover{box-shadow:0 10px 30px #00fff74d;transform:translateY(-2px)}.contact-submit:hover:before{opacity:1}.contact-submit span,.contact-submit svg{position:relative;transition:color .3s ease;z-index:2}.contact-submit:hover span,.contact-submit:hover svg{color:#050508;color:var(--bg-dark)}.contact-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.contact-submit:disabled:hover{box-shadow:none;transform:none}.contact-submit:disabled:hover:before{opacity:0}.form-error,.form-success{animation:fadeInUp .3s ease-out;border-radius:8px;font-weight:500;margin-top:1rem;padding:1rem 1.5rem;text-align:center}.form-error{background:#ff3b301a;border:1px solid #ff3b304d;color:#ff6b6b}.form-success{background:#00fff71a;border:1px solid #00fff74d;color:#00fff7;color:var(--accent-cyan)}.contact-submit:disabled svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{background:#050508;background:var(--bg-dark);border-top:1px solid #ffffff26;border-top:1px solid var(--border-color);margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:1rem 0;text-align:center;width:100vw}.footer-text{color:#b0b0b0;color:var(--text-muted);font-size:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{width:0}to{width:var(--width)}}@media (max-width:1400px){.hero-container{gap:6rem;padding:0 4rem}.container{padding:0 4rem}.contact-content,.projects-grid,.skills-grid{padding:0 3rem}.skills-title{font-size:4rem}.project-card,.skill-category{padding:3.5rem}}@media (max-width:1200px){.hero-container{gap:4rem;padding:0 3rem}.container{padding:0 3rem}.hero-title{font-size:4rem}.projects-grid,.skills-grid{gap:3rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));padding:0 2rem}.skills-title{font-size:3.5rem}.skill-category{padding:3rem}.skill-category-title{font-size:1.75rem;margin-bottom:2.5rem}.skill-tags{gap:1.25rem}.skill-tag{min-width:130px;padding:1.125rem 1.75rem}.project-card{padding:3rem}.project-title{font-size:1.75rem;margin-bottom:1.25rem}.project-content{padding:3rem}.project-tech{gap:.875rem;margin-bottom:2rem}.tech-tag{font-size:.9rem;min-width:110px;padding:.625rem 1.125rem}.contact-content{gap:5rem;padding:0 2rem}}@media (max-width:768px){.hero-container{gap:3rem;grid-template-columns:1fr;padding:0 2rem;text-align:center}.hero-title{font-size:3rem}.section-title{font-size:2.5rem}.skills-title{font-size:3rem}.skills-subtitle{font-size:1.3rem;padding:0 1rem}.skills-grid{gap:2.5rem;grid-template-columns:1fr;padding:0 1.5rem}.skill-category{padding:3rem 2rem}.skill-category-title{font-size:1.75rem;margin-bottom:2.5rem}.skill-tags{gap:1.25rem}.skill-tag{font-size:.95rem;min-width:120px;padding:1rem 1.5rem}.projects-grid{gap:2.5rem;grid-template-columns:1fr;padding:0 1.5rem}.project-card{padding:2.5rem 2rem}.project-title{font-size:1.75rem;margin-bottom:1.25rem}.project-content{padding:2.5rem 2rem}.project-tech{gap:.875rem;margin-bottom:2rem}.tech-tag{font-size:.9rem;min-width:100px;padding:.75rem 1rem}.project-image{height:240px}.project-hover-buttons{gap:.75rem}.project-hover-btn{height:40px;width:40px}.project-hover-btn svg{height:18px;width:18px}.contact-content{gap:3rem;grid-template-columns:1fr;padding:0 2rem}.contact-methods{gap:1rem}.contact-method{padding:1.25rem}.contact-icon{height:40px;width:40px}.contact-label{font-size:.8rem}.contact-value{font-size:.95rem}.form-input,.form-textarea{font-size:1rem;padding:1.25rem 1.25rem .5rem}.floating-label{font-size:1rem;left:1.25rem;top:1.25rem}.contact-content{padding:0 1rem}}@media (max-width:480px){.hero-container{gap:2rem;padding:0 1.5rem}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.skills-title{font-size:2.5rem}.skills-subtitle{font-size:1.2rem;padding:0 .5rem}.skills-grid{gap:2rem;padding:0 1rem}.skill-category{padding:2.5rem 1.5rem}.skill-category-title{font-size:1.5rem;margin-bottom:2rem}.skill-tags{gap:1rem}.skill-tag{font-size:.9rem;min-width:110px;padding:.875rem 1.25rem}.projects-grid{gap:2rem;padding:0 1rem}.project-card{padding:2rem 1.5rem}.project-title{font-size:1.5rem;margin-bottom:1rem}.project-content{padding:2rem 1.5rem}.project-tech{gap:.75rem;margin-bottom:1.5rem}.tech-tag{font-size:.85rem;min-width:90px;padding:.625rem .875rem}.project-image{height:200px}.project-hover-buttons{gap:.5rem}.project-hover-btn{height:36px;width:36px}.project-hover-btn svg{height:16px;width:16px}.container{padding:0 1.5rem}.nav-menu{gap:1rem}.btn{font-size:1rem;padding:1rem 2rem}.hero-subtitle{font-size:1.2rem}.contact-method{padding:1.25rem}.contact-icon{height:36px;width:36px}.contact-label{font-size:.75rem}.contact-value{font-size:.9rem}.form-input,.form-textarea{padding:1.25rem}.floating-label{font-size:.95rem;left:1.25rem;top:1.25rem}.contact-content{padding:0 1rem}}html{scroll-behavior:smooth}::selection{background:#fff3;color:#fff;color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050508;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.about-content,.experience-content{margin:0 auto;max-width:800px;text-align:center}.about-description,.experience-description{color:#e0e0e0;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.about-placeholder,.experience-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:3rem}.placeholder-content h3{color:#64ffda;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.placeholder-content p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin:0}.inline-link{border-bottom:1px solid #0000;color:#00fff7;color:var(--accent-cyan);font-weight:500;text-decoration:none;transition:all .3s ease}.inline-link:hover{border-bottom-color:#0096ff;border-bottom-color:var(--accent-blue);color:#0096ff;color:var(--accent-blue);text-decoration:none}.inline-link:focus{border-radius:2px;outline:2px solid #00fff7;outline:2px solid var(--accent-cyan);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid #00fff7;outline:2px solid var(--accent-cyan);outline-offset:2px}.skip-link{background:#00fff7;background:var(--accent-cyan);border-radius:4px;color:#0a0a0f;color:var(--bg-primary);font-weight:600;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}@media (prefers-contrast:high){:root{--text-primary:#fff;--text-secondary:#fff;--border-color:#ffffff80}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.particle-canvas{display:none}}
/*# sourceMappingURL=main.dc77b936.css.map*/