@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";/*! 
* OverlayScrollbars
* Version: 2.15.1
* 
* Copyright (c) Rene Haas | KingSora.
* https://github.com/KingSora
* 
* Released under the MIT license.
*/.os-size-observer,.os-size-observer-listener{scroll-behavior:auto!important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(.1)}.os-size-observer:before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(10)}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;display:none!important;width:0!important;height:0!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch!important;flex-direction:row!important;flex-wrap:nowrap!important;scroll-behavior:auto!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw: 0;--os-vah: 0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x: hidden;--os-viewport-overflow-y: hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x: visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x: hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x: scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y: visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y: hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y: scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}@property --os-scroll-percent{syntax: "<number>"; inherits: true; initial-value: 0;}@property --os-viewport-percent{syntax: "<number>"; inherits: true; initial-value: 0;}.os-scrollbar{--os-viewport-percent: 0;--os-scroll-percent: 0;--os-scroll-direction: 0;--os-scroll-percent-directional: calc( var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction) )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;padding:0!important;border:none!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translate(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translate(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size: 0;--os-padding-perpendicular: 0;--os-padding-axis: 0;--os-track-border-radius: 0;--os-track-bg: none;--os-track-bg-hover: none;--os-track-bg-active: none;--os-track-border: none;--os-track-border-hover: none;--os-track-border-active: none;--os-handle-border-radius: 0;--os-handle-bg: none;--os-handle-bg-hover: none;--os-handle-bg-active: none;--os-handle-border: none;--os-handle-border-hover: none;--os-handle-border-active: none;--os-handle-min-size: 33px;--os-handle-max-size: none;--os-handle-perpendicular-size: 100%;--os-handle-perpendicular-size-hover: 100%;--os-handle-perpendicular-size-active: 100%;--os-handle-interactive-area-offset: 0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size: 10px;--os-padding-perpendicular: 2px;--os-padding-axis: 2px;--os-track-border-radius: 10px;--os-handle-interactive-area-offset: 4px;--os-handle-border-radius: 10px}.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .44);--os-handle-bg-hover: rgba(0, 0, 0, .55);--os-handle-bg-active: rgba(0, 0, 0, .66)}.os-theme-light{--os-handle-bg: rgba(255, 255, 255, .44);--os-handle-bg-hover: rgba(255, 255, 255, .55);--os-handle-bg-active: rgba(255, 255, 255, .66)}:root{--bg-primary: #fafbfc;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .6);--border-glass: rgba(0, 0, 0, .06);--text-primary: #0f172a;--text-secondary: #475569;--accent-primary: #0ea5e9;--accent-primary-rgb: 14, 165, 233;--accent-secondary: #3b82f6;--glow-shadow: 0 10px 40px -10px rgba(0,0,0,.08);--font-main: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--mouse-x: 50%;--mouse-y: 50%}[data-theme=neon]{--accent-primary: #ec4899;--accent-primary-rgb: 236, 72, 153;--accent-secondary: #8b5cf6}[data-theme=cyber]{--accent-primary: #0ea5e9;--accent-primary-rgb: 14, 165, 233;--accent-secondary: #3b82f6}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:6rem}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.os-scrollbar.os-theme-dark{--os-handle-bg: rgba(0, 0, 0, .15);--os-handle-bg-hover: rgba(0, 0, 0, .25);--os-handle-bg-active: rgba(0, 0, 0, .35)}.modal-scroll-area .os-scrollbar-vertical{margin-top:30px;margin-bottom:30px;right:4px}.modal-scroll-area .os-scrollbar-horizontal{margin-left:30px;margin-right:30px}.dynamic-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:var(--bg-primary)}.dynamic-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(var(--accent-primary-rgb),.12),transparent 40%);transition:background .15s ease}.dynamic-bg.purple-gradient:before{background:linear-gradient(to right,#0ea5e9,#ec4899);opacity:.3;-webkit-mask-image:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),black,transparent 40%);mask-image:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),black,transparent 40%)}.blob{position:absolute;filter:blur(80px);z-index:-2;opacity:.4;animation:float-blob 20s infinite alternate ease-in-out}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(var(--accent-primary-rgb),.2),transparent 70%)}.blob-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(var(--accent-primary-rgb),.15),transparent 70%);animation-delay:-5s;transition:transform .2s,box-shadow .2s}@keyframes float-blob{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,10%) scale(1.1)}66%{transform:translate(-5%,5%) scale(.9)}to{transform:translate(2%,-5%) scale(1.05)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}@media (max-width: 768px){.device-switcher{display:none!important}.sandbox-content-area{padding:0!important}.sandbox-frame-container{width:100%!important;height:100%!important;max-width:100%!important;aspect-ratio:auto!important}.device-frame-mockup{display:none!important}}a{color:inherit;text-decoration:none}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:30px;box-shadow:var(--glow-shadow)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.text-gradient-purple{background:linear-gradient(135deg,#0ea5e9,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.badge-avatar{margin:0rem .4rem 0rem .6rem}.landing-main-container{padding:3rem 2rem}.landing-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:5rem;padding:4.5rem;max-width:1300px;width:100%;z-index:10;text-align:left;align-items:center}.landing-panel-content{display:flex;flex-direction:column;align-items:flex-start}.showcase-button{align-self:center;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 2s infinite ease-in-out}.hero-screen{min-height:calc(100vh - 5.4rem);height:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:120px!important;flex-shrink:0;box-sizing:border-box}.hero-spacer-top{flex:1}.hero-spacer-bottom{flex:2;display:flex;align-items:center;justify-content:center;width:100%;min-height:100px}.scroll-down-btn{margin-top:1rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border-glass);border-radius:50%;color:var(--text-secondary);transition:all .3s ease;background:var(--bg-glass);z-index:20}.scroll-down-btn:hover{color:var(--text-primary);border-color:#767ac4}@media (max-width: 1100px){.hero-spacer-top{flex:.3}.hero-spacer-bottom{flex:1}}@media (max-width: 768px){.hero-screen{height:auto;min-height:auto;padding-bottom:80px!important}.hero-spacer-top,.hero-spacer-bottom,.scroll-down-btn{display:none}}.button-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:30px;background:var(--text-primary);color:var(--bg-primary);font-weight:500;font-family:var(--font-display);border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #0000001a;text-decoration:none}.button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.button-outline{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:30px;background:var(--bg-glass);color:var(--text-primary);font-weight:500;font-family:var(--font-display);border:1px solid var(--border-glass);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;box-shadow:var(--glow-shadow)}.button-outline:hover{background:var(--bg-secondary);border-color:var(--border-glass);transform:translateY(-2px)}.desktop-nav{display:flex}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.2rem;align-items:center;justify-content:center}.mobile-menu-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.mobile-menu-links a:hover{color:var(--text-primary)}@media (max-width: 768px){html{font-size:95%}.header-nav-container{padding:16px!important}.header-logo-container{font-size:19px!important}.header-logo-com{font-size:13px!important}.header-contact-btn{padding:8px 14px!important;font-size:14.5px!important}.header-spacer{height:4rem!important}html{scroll-padding-top:6rem!important}.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important}.hero-grid{grid-template-columns:1fr!important;gap:3rem!important}.hero-grid>.hero-photo{order:1!important;max-width:280px;margin:0 auto}.hero-grid>.hero-text{order:2!important;text-align:center}.hero-text h1{font-size:3.5rem!important}.hero-text .hero-bio{max-width:100%!important}.hero-text .hero-buttons{justify-content:center;flex-wrap:wrap}.hero-text .hero-buttons .button-primary{width:100%;justify-content:center}.hero-text .hero-buttons .button-outline{flex:1;justify-content:center}.skills-grid,.projects-grid{grid-template-columns:1fr!important}.nav-links{gap:1.5rem!important}.section-skills,.section-projects{padding:4rem 0!important}.section-title{font-size:2rem!important;margin-bottom:2.5rem!important}.project-card-image{height:auto!important}.project-card-body{padding:1.5rem!important}.project-card-body h3{font-size:1.4rem!important}.modal-overlay{padding:1rem!important}.modal-content{border-radius:20px!important;max-height:85vh!important}.modal-body{padding:2rem!important}.modal-body h2{font-size:1.7rem!important}.landing-panel{grid-template-columns:1fr!important;gap:2rem!important;padding:2.7rem 2.5rem!important;text-align:center!important;border-radius:40px!important}.landing-panel-content{align-items:center!important}.landing-main-container{padding:1.5rem 1rem 2.5rem!important}.landing-panel-content h1{padding-top:1rem!important}.landing-panel-content p{max-width:100%!important;font-size:1.1rem!important;margin-bottom:2.6rem!important}.badge-info h3{font-size:1.3rem!important}.badge-info p{font-size:.9rem!important}.landing-badge{padding:1.2rem!important;gap:1.2rem!important;border-radius:20px!important}.showcase-button{margin-bottom:1.5rem!important;font-size:clamp(1.1rem,3.5vw,1.2rem)!important;width:100%!important}.badge-avatar{width:65px!important;height:65px!important}.section-skills .glass-panel{padding:2.2rem 1.8rem!important}.skills-wrapper{gap:1.2rem!important}.skill-category-title{margin-bottom:.6rem!important;font-size:1.1rem!important}.skills-list{gap:.5rem!important}.skill-tag{padding:.4rem .9rem!important;font-size:.9rem!important}.education-timeline-wrapper{padding-left:.8rem!important}}@media (max-width: 480px){html{font-size:90%}.hero-text h1{font-size:2.8rem!important}.section-title{font-size:1.6rem!important}.nav-links{gap:1rem!important;font-size:.9rem}}.skills-wrapper{display:flex;flex-direction:column;gap:1.8rem}.skill-category-title{color:var(--text-secondary);margin-bottom:.8rem;font-size:1.2rem;font-weight:500}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{padding:.4rem 1rem;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-glass);font-size:1rem;font-weight:500;color:var(--text-primary);box-shadow:0 2px 5px #00000005;transition:transform .2s,box-shadow .2s;flex-grow:1;text-align:center}.skill-tag:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000d}.education-timeline-wrapper{display:flex;flex-direction:column;gap:3rem;padding-left:1rem}.education-item{position:relative;padding-left:3.5rem;border-left:2px solid rgba(var(--accent-primary-rgb),.2);margin-left:.5rem}.timeline-dot{position:absolute;left:-7.5px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--accent-primary);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.6)}.methodology-timeline{position:relative;display:flex;flex-direction:column;gap:3rem;padding:2rem 0}.methodology-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to bottom,#0ea5e933,#ec489933);transform:translate(-50%);z-index:1}.methodology-row{position:relative;display:flex;align-items:center;width:100%}.row-left{justify-content:flex-start}.row-right{justify-content:flex-end}.methodology-dot{position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:var(--bg-secondary);border:3px solid;transform:translate(-50%,-50%);z-index:3;transition:all .3s ease}.methodology-card{width:45%;padding:2rem;display:flex;gap:1.5rem;align-items:flex-start;text-align:left;border-radius:24px}.methodology-card-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.methodology-step-number{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.methodology-section{scroll-margin-top:2rem}@media (max-width: 768px){.hidden-mobile{display:none!important}.methodology-timeline{gap:1.5rem}.methodology-card{width:100%;padding:1.5rem;gap:1rem;flex-direction:column}.methodology-card-icon{width:50px;height:50px}}