:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F7FB;--text-primary: #10131F;--text-secondary: #5B6478;--accent-blue: #2563EB;--accent-blue-hover: #1D4ED8;--accent-blue-light: rgba(37, 99, 235, .05);--border-light: #E4E8F1;--border-focus: #2563EB;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 3px rgba(16, 19, 31, .04);--shadow-md: 0 4px 12px rgba(16, 19, 31, .05), 0 1px 3px rgba(16, 19, 31, .03);--shadow-lg: 0 12px 30px rgba(16, 19, 31, .08), 0 4px 12px rgba(16, 19, 31, .03);--shadow-blue: 0 4px 12px rgba(37, 99, 235, .15);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--container-width: 1100px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;background-color:var(--bg-primary)}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.section{padding:7rem 0}.section-title-wrapper{margin-bottom:3.5rem}.section-title{font-size:2.25rem;font-weight:700;display:inline-block;position:relative;padding-bottom:.5rem}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--accent-blue);transition:width var(--transition-normal)}.section:hover .section-title:after{width:80px}:focus-visible{outline:2px solid var(--border-focus);outline-offset:4px}button,input,textarea,select{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;font-size:.95rem;transition:var(--transition-normal);cursor:pointer}.btn-primary{background-color:var(--accent-blue);color:#fff;border:1px solid var(--accent-blue);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--accent-blue-hover);border-color:var(--accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-primary);transform:translateY(-1px)}.text-accent{color:var(--accent-blue);flex-shrink:0}.tag-pill{font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--border-light);color:var(--text-secondary);background-color:transparent;transition:var(--transition-fast)}.tag-pill:hover{border-color:var(--accent-blue);color:var(--accent-blue);background-color:var(--accent-blue-light)}.rm-logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-weight:800;font-size:1.5rem;color:var(--text-primary);letter-spacing:-.03em;-webkit-user-select:none;user-select:none}.rm-logo-box{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);font-size:1.1rem;font-weight:800;letter-spacing:-.05em;position:relative;overflow:hidden;transition:var(--transition-normal)}.rm-logo-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1.5px solid var(--accent-blue);border-radius:var(--radius-sm);opacity:0;transition:var(--transition-fast)}.rm-logo:hover .rm-logo-box{background-color:var(--accent-blue);color:#fff}.rm-logo:hover .rm-logo-box:before{opacity:1}.navbar{position:fixed;top:0;left:0;right:0;height:70px;background-color:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:1000;transition:var(--transition-fast)}.navbar-scrolled{box-shadow:var(--shadow-sm);height:64px;background-color:#fffffff2}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%}.nav-menu{display:flex;gap:2rem;list-style:none}.nav-link{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-secondary);padding:.5rem 0;position:relative}.nav-link:hover,.nav-link-active{color:var(--accent-blue)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-blue);transition:width var(--transition-normal)}.nav-link:hover:after,.nav-link-active:after{width:100%}.menu-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}.hero-wrapper{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;padding:4rem 0}.hero-info{display:flex;flex-direction:column;align-items:flex-start}.hero-eyebrow{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.hero-headline{font-size:3.5rem;line-height:1.15;margin-bottom:1.5rem;font-weight:800}.hero-headline .highlight-word{color:var(--accent-blue);position:relative;display:inline-block}.hero-subhead{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:540px}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap}.code-card{background-color:#0f172a;color:#e2e8f0;border-radius:var(--radius-md);border:1px solid #1E293B;box-shadow:var(--shadow-lg);overflow:hidden;font-family:var(--font-mono);font-size:.85rem;max-width:480px;width:100%}.code-card-header{background-color:#1e293b;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0F172A}.code-card-dots{display:flex;gap:.4rem}.code-card-dot{width:10px;height:10px;border-radius:50%}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.code-card-title{color:#94a3b8;font-size:.75rem}.code-card-body{padding:1.5rem;line-height:1.6}.code-line{display:flex}.code-num{color:#475569;text-align:right;width:24px;margin-right:1.25rem;-webkit-user-select:none;user-select:none}.code-content{white-space:pre}.syntax-keyword{color:#f472b6}.syntax-name{color:#38bdf8}.syntax-string{color:#34d399}.syntax-comment{color:#64748b;font-style:italic}.syntax-number{color:#fb7185}.syntax-bool{color:#fb923c}.about-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:flex-start}.about-bio p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:1.5rem}.education-line{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.education-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.education-school{color:var(--text-secondary);font-size:.95rem;font-weight:500}.education-date{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-blue)}.skills-wrapper h3{font-size:1.25rem;margin-bottom:1.5rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.projects-tier{margin-bottom:5rem}.projects-tier-title{font-size:1.5rem;margin-bottom:2rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.projects-tier-title:after{content:"";flex-grow:1;height:1px;background-color:var(--border-light)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.project-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition-normal)}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-blue)}.project-img-wrapper{width:100%;height:200px;position:relative;overflow:hidden;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.project-img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.project-card:hover .project-img{transform:scale(1.03)}.wip-badge{position:absolute;top:1rem;right:1rem;background-color:var(--text-primary);color:var(--bg-primary);font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;z-index:10}.project-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.project-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;flex-grow:1;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-actions{display:flex;gap:.75rem}.project-btn{flex:1;font-size:.85rem;padding:.6rem 1rem;border-radius:var(--radius-sm);font-weight:500;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.project-btn-primary{background-color:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.project-btn-primary:hover{background-color:var(--accent-blue);border-color:var(--accent-blue)}.project-btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.project-btn-secondary:hover{border-color:var(--text-primary);color:var(--text-primary)}.practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.practice-card{border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:1.5rem;background-color:var(--bg-primary);transition:var(--transition-normal);display:flex;flex-direction:column}.practice-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.practice-title{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.practice-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem;flex-grow:1}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:flex-start}.contact-info-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.contact-info-text{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2.5rem}.contact-channels{display:grid;gap:1.5rem;margin-bottom:3rem}.contact-channel-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.contact-channel-card:hover{border-color:var(--accent-blue);transform:translate(3px);background-color:var(--bg-primary)}.contact-channel-icon{width:48px;height:48px;background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-blue);transition:var(--transition-fast)}.contact-channel-card:hover .contact-channel-icon{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.contact-channel-details h4{font-size:.95rem;font-weight:700;margin-bottom:.15rem}.contact-channel-details p{color:var(--text-secondary);font-size:.9rem}.social-header{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.social-row{display:flex;gap:.75rem}.social-circle-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition-fast);background-color:var(--bg-primary)}.social-circle-btn:hover{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.contact-form-box{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm)}.form-title{font-size:1.35rem;font-weight:700;margin-bottom:1.5rem}.contact-form{display:grid;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group-input{display:flex;flex-direction:column;gap:.4rem}.form-group-input label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-blue);background-color:var(--bg-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input.error{border-color:#ef4444}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.field-error-msg{font-size:.75rem;color:#ef4444;margin-top:.2rem}.form-message-alert{padding:1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;margin-top:1rem;line-height:1.5}.form-message-alert.success{background-color:#ecfdf5;border:1px solid #A7F3D0;color:#065f46}.form-message-alert.error{background-color:#fef2f2;border:1px solid #FEE2E2;color:#991b1b}.form-status-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#10b981;margin-top:1.5rem;padding:.35rem .75rem;background-color:#ecfdf5;border:1px solid #A7F3D0;border-radius:9999px;width:fit-content}.status-dot-blink{width:8px;height:8px;border-radius:50%;background-color:#10b981;animation:blink-anim 2s infinite}@keyframes blink-anim{0%,to{opacity:1}50%{opacity:.4}}.toast-notification{position:fixed;bottom:24px;right:24px;background-color:var(--text-primary);color:var(--bg-primary);padding:.75rem 1.25rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:.85rem;font-weight:500;z-index:9999;transform:translateY(100px);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}.toast-notification-show{transform:translateY(0);opacity:1}.work-intro{text-align:center;max-width:680px;margin:0 auto 3rem}.work-tabs{display:flex;justify-content:center;gap:.75rem;margin-bottom:3.5rem;flex-wrap:wrap}.work-tab-btn{padding:.5rem 1.5rem;background-color:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:9999px;font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.work-tab-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.work-tab-btn-active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.work-card{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-primary);display:flex;flex-direction:column;transition:var(--transition-normal)}.work-card:hover{transform:translateY(-4px);border-color:var(--accent-blue);box-shadow:var(--shadow-md)}.work-thumbnail{height:180px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.5rem;position:relative;overflow:hidden}.thumbnail-figma{background:linear-gradient(135deg,#ff7262,#a259ff)}.thumbnail-miro{background:linear-gradient(135deg,#059669,#047857)}.thumbnail-canva{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.work-card:hover .work-thumbnail i{transform:scale(1.1) rotate(5deg)}.work-thumbnail i{transition:var(--transition-normal)}.work-card-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.work-card-title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.work-card-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem;flex-grow:1}.work-card-actions{margin-top:auto}.work-card-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--accent-blue)}.work-card-link:hover{color:var(--accent-blue-hover)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-light);padding:5rem 0 3rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-tagline{color:var(--text-secondary);font-size:.95rem;max-width:320px}.footer-nav h4,.footer-socials h4{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:1.5rem}.footer-menu{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-menu-link{font-size:.9rem;color:var(--text-secondary)}.footer-menu-link:hover{color:var(--accent-blue)}.footer-info{display:grid;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.footer-info-item{display:flex;align-items:center;gap:.5rem}.footer-info-item i{color:var(--accent-blue)}.footer-social-row{display:flex;gap:.5rem;margin-top:1rem}.footer-bottom{border-top:1px solid var(--border-light);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--text-secondary);font-size:.85rem}.experience-timeline{position:relative;display:flex;flex-direction:column;gap:2rem;padding-left:2rem}.experience-timeline:before{content:"";position:absolute;left:7px;top:12px;bottom:12px;width:2px;background:linear-gradient(to bottom,var(--accent-blue),var(--border-light))}.experience-item{position:relative}.experience-marker{position:absolute;left:-2rem;top:1.6rem}.experience-dot{display:block;width:16px;height:16px;border-radius:50%;background-color:var(--bg-primary);border:3px solid var(--border-light);box-sizing:border-box}.experience-dot-current{border-color:var(--accent-blue);box-shadow:0 0 0 4px var(--accent-blue-light)}.experience-card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.75rem 2rem;transition:var(--transition-normal)}.experience-card:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.experience-role{font-size:1.2rem;margin-bottom:.4rem}.experience-company{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500;font-size:.95rem}.experience-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.experience-period{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.85rem;color:var(--accent-blue);white-space:nowrap}.experience-location{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary)}.experience-highlights{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.experience-highlights li{position:relative;padding-left:1.25rem;color:var(--text-secondary);font-size:.97rem;line-height:1.65}.experience-highlights li:before{content:"";position:absolute;left:0;top:.65rem;width:6px;height:6px;border-radius:50%;background-color:var(--accent-blue)}@media(max-width:968px){.hero-wrapper{grid-template-columns:1fr;gap:3rem;padding:2rem 0}.code-card{max-width:100%}.about-wrapper,.contact-grid{grid-template-columns:1fr;gap:3rem}.footer-grid{grid-template-columns:1fr 1fr;gap:3rem}.footer-brand{grid-column:span 2}}@media(max-width:768px){.section{padding:5rem 0}.hero-headline{font-size:2.75rem}.menu-toggle{display:block}.nav-menu{position:fixed;top:70px;left:0;right:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-direction:column;padding:2rem;gap:1.5rem;align-items:center;box-shadow:var(--shadow-md);transform:translateY(-150%);transition:transform var(--transition-slow);z-index:999}.nav-menu-open{transform:translateY(0)}.form-row{grid-template-columns:1fr}.experience-timeline{padding-left:1.5rem}.experience-marker{left:-1.5rem}.experience-card{padding:1.5rem 1.25rem}.experience-meta{align-items:flex-start}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-brand{grid-column:span 1}}@media(prefers-reduced-motion:reduce){*{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.rm-logo-box:before,.status-dot-blink{animation:none!important}}