:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}:root{--primary-color: #ff6b6b;--secondary-color: #4ecdc4;--background-color: #f7f7f7;--text-color: #2d3436;--shadow-offset: 4px}.portfolio-container{max-width:100%;margin:0 auto;padding:20px}.nav-container{position:fixed;top:0;left:0;right:0;padding:25px;height:80px;background:#fff;display:flex;justify-content:center;align-items:center;gap:20px;z-index:1000}.hamburger{display:none;font-size:1.5rem;cursor:pointer;position:fixed;right:20px;top:20px;background:#fff;padding:10px;border:3px solid var(--text-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-color);z-index:1001;color:var(--text-color)}.nav-buttons{display:flex;gap:20px}.nav-container button{padding:12px 25px;font-size:1.2rem;font-weight:700;background:#fff;color:var(--text-color);border:3px solid var(--text-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-color);cursor:pointer;transition:all .2s ease}.nav-container button.active,.nav-container button:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--text-color);background:var(--primary-color);color:#fff}@media (max-width: 768px){.hamburger{display:block;top:25px;padding:12px}.nav-buttons{position:fixed;top:0;right:-100%;height:100vh;background:#fff;flex-direction:column;padding:100px 40px 20px;transition:right .3s ease;box-shadow:-2px 0 5px #0000001a}.nav-container button{width:200px;text-align:left;padding-left:30px}.menu-open .nav-buttons{right:0}}section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}section:first-of-type{padding-top:100px}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;overflow:hidden}.laptop-bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity:.1;pointer-events:none}.laptop-svg{width:100%;height:100%;transform:rotate(-10deg) scale(1.5)}.hero-content{position:relative;z-index:2;text-align:center;padding:20px;background:#ffffffe6;border:3px solid var(--text-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-color);width:50%}.hero-content h1{font-size:4rem;margin-bottom:20px;color:var(--text-color)}.hero-content h2{font-size:2rem;margin-bottom:15px;color:var(--primary-color)}.hero-content p{font-size:1.2rem;color:var(--text-color)}.cv-container{padding:40px;background:var(--primary-color);border:3px solid var(--text-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-color);cursor:pointer;transition:all .2s ease;color:#fff}.cv-container:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--text-color)}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;width:100%;max-width:800px;margin-top:40px}.stack-icon{font-size:3rem;padding:20px;border:3px solid var(--text-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-color);transition:all .2s ease;color:var(--text-color)}.stack-icon:nth-child(1){background:#f0db4f}.stack-icon:nth-child(2){background:#007acc;color:#fff}.stack-icon:nth-child(3){background:#777bb3;color:#fff}.stack-icon:nth-child(4){background:#61dafb}.stack-icon:nth-child(5){background:#68a063;color:#fff}.stack-icon:nth-child(6){background:#000;color:#fff}.stack-icon:nth-child(7){background:#0070f3;color:#fff}.stack-icon:nth-child(8){background:#f26322;color:#fff}.stack-icon:nth-child(9){background:#ff2d20;color:#fff}.stack-icon:nth-child(10){background:#21759b;color:#fff}.stack-icon:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--text-color);opacity:.9}.contact-form{width:100%;max-width:600px;margin:0 auto;padding:20px}.form-group{width:100%;margin-bottom:1.5rem;position:relative}.form-control{width:100%;padding:.75rem;font-size:1rem;background:#fff;color:var(--text-color);border:3px solid #000;border-radius:4px;box-shadow:4px 4px #000;transition:all .2s ease}.form-control:focus{outline:none;transform:translate(-4px,-4px);box-shadow:8px 8px #000}.form-control.error{border-color:#ff6b6b;box-shadow:4px 4px #ff6b6b}.form-control.error:focus{box-shadow:8px 8px #ff6b6b}.error-messages{margin-bottom:1rem}.error-message{color:#ff6b6b;font-size:.875rem;display:block;margin-bottom:.5rem;font-weight:700;text-shadow:1px 1px 0 #000}textarea.form-control{min-height:120px;resize:vertical}.form-submit-btn{background:#ff6b6b;color:#fff;border:3px solid #000;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;border-radius:4px;box-shadow:4px 4px #000;cursor:pointer;transition:all .2s ease}.form-submit-btn:hover{transform:translate(-4px,-4px);box-shadow:8px 8px #000}.form-submit-btn:active{transform:translate(0);box-shadow:none}.form-group:last-child{margin-bottom:2rem}@media (max-width: 768px){.hero-content{width:90%}.nav-container{flex-wrap:wrap}.hero-section h1{font-size:2.5rem}.stack-grid{grid-template-columns:repeat(2,1fr)}.laptop-svg{transform:rotate(-10deg) scale(2)}.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}.portfolio-container{padding:10px}#root{padding:0}.contact-form{padding:10px;margin:0 auto;width:95%}.form-group{width:95%;margin:0 auto 1.5rem}.form-control,.form-submit-btn{width:100%}section{padding:80px 10px;width:100%;margin:0 auto}.portfolio-container{padding:10px;width:100%;margin:0 auto}.error-messages{width:95%;margin:0 auto 1rem}}.success-message{color:#2ecc71;font-weight:700;margin-top:10px;padding:10px;border:3px solid #2ecc71;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-color)}.error-message{position:relative;color:#e74c3c;font-weight:700;margin:10px 0 20px;padding:10px;border:3px solid #e74c3c;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--text-color)}.error-messages{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:5px}