@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-warm:#ff6b35;--secondary-warm:#f7931e;--accent-warm:#ffb627;--bg-warm-light:#fef7f0;--bg-warm-gradient:linear-gradient(135deg,#fef7f0,#fff8e1);--text-warm-dark:#5d4037;--text-warm-medium:#8d6e63;--card-warm:#fff8f1cc;--shadow-warm:#ff6b3526;--bg-dark-warm:#2c1810;--bg-dark-gradient:linear-gradient(135deg,#2c1810,#3e2723);--text-dark-warm:#ffcc9c;--card-dark-warm:#3e2723cc;--shadow-dark:#0000004d;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Poppins",sans-serif;--font-code:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease}[data-theme=light]{--bg-color:var(--bg-warm-light);--bg-gradient:var(--bg-warm-gradient);--text-color:var(--text-warm-dark);--text-secondary:var(--text-warm-medium);--card-bg:var(--card-warm);--modal-bg:#fffaf6fa;--shadow-color:var(--shadow-warm);--nav-bg:#fff8f1f2;--primary-color:var(--primary-warm);--secondary-color:var(--secondary-warm);--accent-color:var(--accent-warm);--scrollbar-foreground:#b87758;--scrollbar-background:#ead8cc}[data-theme=dark]{--bg-color:var(--bg-dark-warm);--bg-gradient:var(--bg-dark-gradient);--text-color:var(--text-dark-warm);--text-secondary:#d7b899;--card-bg:var(--card-dark-warm);--modal-bg:#37231ffa;--shadow-color:var(--shadow-dark);--nav-bg:#2c1810f2;--primary-color:var(--primary-warm);--secondary-color:var(--secondary-warm);--accent-color:var(--accent-warm);--scrollbar-foreground:#9d6a55;--scrollbar-background:#4a342f}[data-theme=light-original]{--bg-color:#e3f6fd;--bg-gradient:linear-gradient(160deg,#0093e9,#80d0c7);--text-color:#222;--text-secondary:#006db2;--card-bg:#fafdff;--modal-bg:#fafdff;--shadow-color:#0093e933;--nav-bg:#0093e9;--primary-color:#0093e9;--secondary-color:#80d0c7;--accent-color:#006db2;--font-weight:100;--carousel-background1:#1d5c85b3;--carousel-background2:#815c85b3;--carousel-background3:#ff5c85b3;--slider-color:#c7c7c7;--filter:invert(45%) sepia(55%) saturate(1287%) hue-rotate(147deg) brightness(65%) contrast(545%);--filter2:invert(45%) sepia(55%) saturate(1287%) hue-rotate(147deg) brightness(69%) contrast(545%);--filter3:invert(51%) sepia(58%) saturate(1287%) hue-rotate(147deg) brightness(65%) contrast(545%);--skill-color:#006db2;--focus-color:#00388b;--scrollbar-foreground:#5c5958;--scrollbar-background:#b02813}[data-theme=dark-original]{--bg-color:#003757;--bg-gradient:linear-gradient(160deg,#04456a,#48746e);--text-color:#8ac19f;--text-secondary:#b2e0c7;--card-bg:#04456a;--modal-bg:#04456a;--shadow-color:#04456a33;--nav-bg:#06466a;--primary-color:#1a73a7;--secondary-color:#48746e;--accent-color:#8ac19f;--font-weight:300;--carousel-background1:#12364db3;--carousel-background2:#461e4ab3;--carousel-background3:#993852b3;--slider-color:#c7c7c7;--filter:invert(68%) brightness(85%) sepia(100%) hue-rotate(90deg);--filter2:invert(45%) brightness(155%) sepia(100%) hue-rotate(90deg);--filter3:grayscale(100%) sepia(100%) hue-rotate(90deg);--skill-color:#8ac19f;--focus-color:#c5c5c5;--scrollbar-foreground:#ae7269;--scrollbar-background:#6d4c47}[data-theme=bwLight]{--bg-color:#fcfcfc;--bg-gradient:linear-gradient(180deg,#fff,#eee);--text-color:#222;--text-secondary:#555;--card-bg:#fff;--modal-bg:#fff;--shadow-color:#3332;--nav-bg:#fff;--primary-color:#333;--secondary-color:#bbb;--accent-color:#888;--font-weight:300;--carousel-background1:#ffffffb3;--carousel-background2:#f7f6f6b3;--carousel-background3:#e7eaebb3;--slider-color:#dbdbdb;--skill-color:#333;--focus-color:#a3a3a3;--scrollbar-foreground:#cacaca;--scrollbar-background:#fff}[data-theme=bwDark]{--bg-color:#222;--bg-gradient:linear-gradient(180deg,#333,#111);--text-color:#eee;--text-secondary:#bbb;--card-bg:#333;--modal-bg:#333;--shadow-color:#111a;--nav-bg:#333;--primary-color:#eee;--secondary-color:#888;--accent-color:#fff;--font-weight:100;--carousel-background1:#777777b3;--carousel-background2:#707070b3;--carousel-background3:#3b3b3bb3;--slider-color:#c7c7c7;--filter:invert(100);--filter2:invert(100);--filter3:#fff;--skill-color:#eee;--focus-color:#878585;--scrollbar-foreground:#707070;--scrollbar-background:#333}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg-gradient);color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);line-height:1.6;overflow-x:hidden;transition:all .3s ease;transition:all var(--transition-medium)}.App{min-height:100vh;position:relative}.modern-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--nav-bg);border:1px solid #ff6b3533;border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 32px var(--shadow-color);left:50%;padding:1rem 1.5rem;padding:var(--spacing-sm) var(--spacing-md);position:fixed;top:1.5rem;top:var(--spacing-md);transform:translateX(-50%);transition:all .3s ease;transition:all var(--transition-medium);z-index:1000}.modern-nav:hover{box-shadow:0 12px 40px var(--shadow-color);transform:translateX(-50%) translateY(-2px)}.modern-nav.nav-hidden{opacity:0;transform:translateX(-50%) translateY(-100px)}.nav-content{align-items:center;display:flex;gap:2rem;gap:var(--spacing-lg)}.nav-logo{margin-right:1rem;margin-right:var(--spacing-sm)}.nav-list{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-md);list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{background:none;border:none;border-radius:16px;border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;overflow:hidden;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.nav-link:before{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{color:var(--primary-color);transform:translateY(-2px)}.logo{align-items:center;display:flex;justify-content:center}.logo svg{height:32px;transition:transform .3s ease;transition:transform var(--transition-medium);width:32px}.logo svg:hover{transform:scale(1.05)}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:3rem;padding:var(--spacing-xl);position:relative}.hero-content{position:relative;text-align:center;z-index:2}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:clamp(2.5rem,8vw,6rem);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--spacing-md);text-shadow:0 10px 24px #ff6b3533}.hero-subtitle{color:var(--text-secondary);font-size:1.25rem;margin-bottom:3rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:600px}.cta-button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 25px #ff6b354d;box-shadow:0 8px 25px var(--shadow-color,#ff6b354d);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs);overflow:hidden;padding:1.5rem 3rem;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-medium)}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;transition:left var(--transition-medium);width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{box-shadow:0 12px 35px #ff6b3566;box-shadow:0 12px 35px var(--shadow-color,#ff6b3566);transform:translateY(-3px)}.section{margin:0 auto;max-width:1200px;padding:4rem 2rem;padding:var(--spacing-2xl) var(--spacing-lg)}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:3rem;margin-bottom:var(--spacing-xl);text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin:0 auto 3rem;margin:0 auto var(--spacing-xl);max-width:75vw;text-align:center}.about-content{grid-gap:3rem;grid-gap:var(--spacing-xl);align-items:center;display:grid;gap:3rem;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.about-text p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.profile-image{border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-color);max-width:300px;transition:transform .3s ease;transition:transform var(--transition-medium);width:100%}.profile-image:hover{transform:scale(1.05)}.resume-download{margin-top:2rem;margin-top:var(--spacing-lg)}.card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid #ff6b351a;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-color);margin:2rem 0;margin:var(--spacing-lg) 0;overflow:hidden;padding:3rem;padding:var(--spacing-xl);position:relative;transition:all .3s ease;transition:all var(--transition-medium)}.card-modern:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;transition:opacity var(--transition-medium);width:100%}.card-modern:hover:before{opacity:1}.card-modern:hover{box-shadow:0 16px 48px var(--shadow-color);transform:translateY(-8px)}.skills-capabilities{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs);justify-content:center;margin-top:2rem;margin-top:var(--spacing-lg)}.capability-tag{background:#ff6b3512;border:1px solid #ff6b3533;border-radius:999px;color:var(--primary-color);font-size:.82rem;font-weight:600;letter-spacing:.01em;padding:.45rem .85rem}.skills-grid{grid-gap:1.5rem;grid-gap:var(--spacing-md);display:grid;gap:1.5rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(135px,1fr));padding:3rem 0;padding:var(--spacing-xl) 0}.skill-item{align-items:center;background:var(--card-bg);border:1px solid #ff6b351f;border-radius:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;padding:var(--spacing-md);position:relative;text-align:center;transition:all .3s ease;transition:all var(--transition-medium)}.skill-item:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;transition:opacity var(--transition-medium);width:100%;z-index:0}.skill-item:hover:before{opacity:.1}.skill-item:hover{border-color:#ff6b353d;box-shadow:0 12px 30px var(--shadow-color);transform:translateY(-4px)}.skill-icon{background:#ff6b351a;border:1px solid #ff6b3538;border-radius:14px;color:var(--primary-color);display:grid;font-size:1.5rem;height:52px;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);place-items:center;position:relative;transition:all .3s ease;transition:all var(--transition-medium);width:52px;z-index:1}.skill-icon svg{height:1em;width:1em}.skill-item:hover .skill-icon{background:#ff6b3526;transform:translateY(-1px) scale(1.04)}.skill-name{color:var(--text-color);font-size:.92rem;font-weight:600;position:relative;z-index:1}.projects-grid{grid-gap:3rem;grid-gap:var(--spacing-xl);display:grid;gap:3rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:3rem 0;padding:var(--spacing-xl) 0}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid #ff6b351a;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-color);overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-medium)}.project-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:999px;content:"";height:3px;left:1.5rem;opacity:0;position:absolute;right:1.5rem;top:0;transform:scaleX(.35);transform-origin:left center;transition:opacity .3s ease,transform .3s ease;transition:opacity var(--transition-medium),transform var(--transition-medium);z-index:1}.project-card:hover{border-color:#ff6b3538;box-shadow:0 20px 50px var(--shadow-color),0 0 0 1px #ff6b3514;transform:translateY(-10px)}.project-card:hover:before{opacity:1;transform:scaleX(1)}.project-image{height:200px;object-fit:cover;transition:transform .3s ease;transition:transform var(--transition-medium);width:100%}.project-card picture,.project-modal-image-frame picture{display:block}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:2rem;padding:var(--spacing-lg)}.project-title{color:var(--primary-color);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.project-description{color:var(--text-secondary);line-height:1.6}.project-description,.project-tech{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-xs)}.tech-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff6b3514;border:1px solid #ff6b352e;border-radius:999px;color:var(--primary-color);font-size:.8rem;font-weight:600;letter-spacing:.01em;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm)}.project-links{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm)}.project-link{align-items:center;border:1px solid #0000;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.project-link-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 10px 24px #ff6b352e;color:#fff}.project-link-primary:hover{box-shadow:0 14px 30px #ff6b3547;filter:saturate(1.05);transform:translateY(-2px)}.project-link-secondary{background:#ff6b3514;border-color:#ff6b3529;color:var(--primary-color)}.project-link-secondary:hover{background:#ff6b3524;border-color:#ff6b3547;transform:translateY(-2px)}.carousel-dot:focus-visible,.modal-close:focus-visible,.project-link:focus-visible,.project-modal .carousel-arrow:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.project-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#110a08b8;display:flex;height:100%;justify-content:center;left:0;padding:2rem;padding:var(--spacing-lg);position:fixed;top:0;width:100%;z-index:2000}.project-modal{background:var(--card-bg);background:var(--modal-bg,var(--card-bg));border:1px solid #ff6b3524;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 32px 80px #0000003d,0 14px 40px var(--shadow-color);max-height:min(88vh,920px);max-width:980px;overflow-y:auto;overscroll-behavior:contain;padding:3rem;padding:var(--spacing-xl);position:relative;scrollbar-color:var(--scrollbar-foreground) #0000;scrollbar-gutter:stable both-edges;scrollbar-width:thin;width:100%}.project-modal::-webkit-scrollbar{width:12px}.project-modal::-webkit-scrollbar-track{background:#0000}.project-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-foreground),var(--secondary-color));border:3px solid var(--modal-bg,var(--card-bg));border-radius:999px}.project-modal-layout{grid-gap:2rem;grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:2rem;gap:var(--spacing-lg);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.project-modal-media{align-self:start;position:sticky;top:0}.project-modal-image-frame{background:#ffffff0a;border:1px solid #ff6b351a;border-radius:20px;padding:1rem;padding:var(--spacing-sm);position:relative}.project-modal-image{border-radius:14px;display:block;max-height:460px;object-fit:contain;width:100%}.project-modal-content{min-width:0;padding-top:.25rem}.project-modal-title{color:var(--primary-color);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.35rem);line-height:1.1;margin-bottom:1rem;margin-bottom:var(--spacing-sm);padding-right:3rem}.project-modal-copy{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.project-modal-section{border-top:1px solid #ff6b351a;margin-top:1.5rem;margin-top:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing-sm)}.project-modal-section h4{color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--font-heading);font-size:1rem;letter-spacing:.02em;margin-bottom:.5rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.modal-close{background:#ffffff14;border:1px solid #ff6b3524;border-radius:999px;color:var(--text-color);cursor:pointer;display:grid;font-size:1.7rem;height:42px;place-items:center;position:absolute;right:1.5rem;right:var(--spacing-md);top:1.5rem;top:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast);width:42px;z-index:3}.modal-close:hover{background:#ff6b3514;color:var(--primary-color);transform:scale(1.04)}.modal-links{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-sm);margin-top:2rem;margin-top:var(--spacing-lg)}.project-modal .carousel-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140c0a66;border:1px solid #ff6b3529;border-radius:999px;color:#fff;display:grid;height:44px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:2}.project-modal .carousel-arrow.left{left:16px}.project-modal .carousel-arrow.right{right:16px}.project-modal .carousel-arrow:hover{background:#ff6b35e6;transform:translateY(-50%) scale(1.03)}.modal-image-dots{bottom:16px;display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.carousel-dot{background:#fff6;border:none;border-radius:999px;cursor:pointer;height:11px;transition:all .2s ease;transition:all var(--transition-fast);width:11px}.carousel-dot.active,.carousel-dot:hover{background:#fff;transform:scale(1.15)}.contact-container{grid-gap:3rem;grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:3rem;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.contact-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid #ff6b351a;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-color);padding:3rem;padding:var(--spacing-xl)}.contact-methods{margin-top:2rem;margin-top:var(--spacing-lg)}.contact-method{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-md);margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.contact-icon{font-size:2rem}.contact-method h4{color:var(--primary-color);margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.contact-method a{color:var(--text-secondary);text-decoration:none}.contact-method a:hover{color:var(--primary-color)}.contact-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid #ff6b351a;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-color);padding:3rem;padding:var(--spacing-xl)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.form-label{color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.form-input,.form-textarea{background:var(--bg-color);border:2px solid #ff6b3533;border-radius:16px;border-radius:var(--radius-md);color:var(--text-color);font-family:inherit;padding:1rem;padding:var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-textarea{min-height:120px;resize:vertical}.submit-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:16px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:1.5rem 3rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease;transition:all var(--transition-medium);width:100%}.submit-button:hover{box-shadow:0 8px 25px #ff6b354d;transform:translateY(-2px)}.command-palette-trigger{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid #ff6b352e;border-radius:999px;bottom:2rem;bottom:var(--spacing-lg);box-shadow:0 8px 24px var(--shadow-color);color:var(--text-color);cursor:pointer;display:inline-flex;gap:.65rem;left:2rem;left:var(--spacing-lg);padding:.62rem .92rem;position:fixed;transition:all .2s ease;transition:all var(--transition-fast);z-index:3000}.command-palette-trigger:hover{border-color:#ff6b3552;transform:translateY(-2px)}.command-trigger-label{font-size:.9rem;font-weight:600}.command-palette-trigger kbd{background:#ff6b3514;border:1px solid #ff6b353d;border-radius:.42rem;color:var(--primary-color);font-family:JetBrains Mono,monospace;font-family:var(--font-code);font-size:.78rem;font-weight:600;padding:.1rem .38rem}.command-palette-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#110a08a8;display:flex;inset:0;justify-content:center;padding-top:clamp(4rem,10vh,7rem);position:fixed;z-index:3500}.command-palette{background:var(--card-bg);background:var(--modal-bg,var(--card-bg));border:1px solid #ff6b3524;border-radius:18px;box-shadow:0 36px 86px #00000047,0 10px 30px var(--shadow-color);overflow:hidden;width:min(760px,calc(100% - 2rem))}.command-search-wrapper{border-bottom:1px solid #ff6b351f;padding:.9rem 1rem}.command-search-input{background:var(--bg-color);border:1px solid #ff6b3533;border-radius:12px;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);font-size:1rem;padding:.85rem .95rem;width:100%}.command-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b3529;outline:none}.command-results{max-height:min(56vh,440px);overflow-y:auto;padding:.45rem}.command-empty{color:var(--text-secondary);padding:1rem;text-align:center}.command-item{background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.12rem;margin-bottom:.25rem;padding:.8rem .9rem;text-align:left;transition:background .2s ease;transition:background var(--transition-fast);width:100%}.command-item.active,.command-item:hover{background:#ff6b351f}.command-item-label{color:var(--text-color);font-size:.95rem;font-weight:600}.command-item-description{color:var(--text-secondary);font-size:.82rem}.command-item:focus-visible,.command-palette-trigger:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid #ff6b3533;border-radius:50%;bottom:2rem;bottom:var(--spacing-lg);box-shadow:0 8px 25px var(--shadow-color);color:var(--primary-color);cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:fixed;right:2rem;right:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-medium);width:60px;z-index:1000}.theme-toggle:hover{box-shadow:0 12px 35px var(--shadow-color);transform:scale(1.1) rotate(15deg)}.scroll-progress{background:var(--bg-color);height:4px;left:0;position:fixed;top:0;width:100%;z-index:1001}.scroll-progress-bar{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));height:100%;transform-origin:0;transition:transform .2s ease;transition:transform var(--transition-fast)}.konami-activated{animation:rainbow 2s linear infinite}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.secret-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid #ff6b3533;border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 20px 60px var(--shadow-color);left:50%;opacity:0;padding:2rem;padding:var(--spacing-lg);position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;transition:all var(--transition-medium);visibility:hidden;z-index:2000}.secret-message.show{animation:bounce .5s ease;opacity:1;visibility:visible}@keyframes bounce{0%,20%,53%,80%,to{transform:translate(-50%,-50%) scale(1)}40%,43%{transform:translate(-50%,-50%) scale(1.1)}70%{transform:translate(-50%,-50%) scale(1.05)}}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation:particleFloat 15s linear infinite;background:var(--primary-color);border-radius:50%;height:2px;opacity:.3;position:absolute;width:2px}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.particles{display:none}}@media (max-width:768px){.modern-nav{max-width:none;padding:.5rem 1rem;padding:var(--spacing-xs) var(--spacing-sm);top:1rem;top:var(--spacing-sm);width:calc(100% - 2rem)}.nav-list{gap:.5rem;gap:var(--spacing-xs)}.nav-link{font-size:.9rem;padding:.5rem;padding:var(--spacing-xs)}.hero-section{padding:2rem 1.5rem;padding:var(--spacing-lg) var(--spacing-md)}.section{padding:3rem 1.5rem;padding:var(--spacing-xl) var(--spacing-md)}.about-content{grid-template-columns:1fr;text-align:center}.skills-grid{gap:1rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.projects-grid{gap:2rem;gap:var(--spacing-lg);grid-template-columns:1fr}.project-modal-overlay{padding:1.5rem;padding:var(--spacing-md)}.project-modal{max-height:90vh;padding:2rem;padding:var(--spacing-lg)}.project-modal-layout{gap:1.5rem;gap:var(--spacing-md);grid-template-columns:1fr}.project-modal-media{position:static}.project-modal-image{max-height:360px}.contact-container{gap:2rem;gap:var(--spacing-lg);grid-template-columns:1fr}.theme-toggle{bottom:1.5rem;bottom:var(--spacing-md);height:50px;right:1.5rem;right:var(--spacing-md);width:50px}.command-palette-trigger{bottom:1.5rem;bottom:var(--spacing-md);left:1.5rem;left:var(--spacing-md);padding:.55rem .8rem}.command-trigger-label{font-size:.84rem}}@media (max-width:480px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.projects-grid{grid-template-columns:1fr}.command-trigger-label{display:none}.project-modal-overlay{padding:1rem;padding:var(--spacing-sm)}.project-modal{border-radius:20px;padding:1.5rem;padding:var(--spacing-md)}.project-modal-title{font-size:1.7rem;padding-right:2.5rem}.project-modal-image{max-height:280px}.project-links{justify-content:center}.modal-links{flex-direction:column}.modal-links .project-link{justify-content:center}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:1rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1.5rem;margin-top:var(--spacing-md)}.mt-4{margin-top:2rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:3rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.5rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:1rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:2rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:3rem;margin-bottom:var(--spacing-xl)}
/*# sourceMappingURL=main.4342a33c.css.map*/