@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_8778cd42-module__wRojWG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_8778cd42-module__wRojWG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--bg-color:#fff;--text-color:#1e272e;--primary-color:#ff6b6b;--primary-hover:#ee5253;--secondary-color:#5f27cd;--accent-color:#ff9f43;--glass-bg:#ffffffd9;--glass-border:#fffc;--glass-shadow:0 10px 40px -10px #ff6b6b26;--header-height:80px;--max-width:1200px}html,body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-outfit), sans-serif;flex-direction:column;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary-color)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.animate-float{animation:6s ease-in-out infinite float}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 2rem}.main-content{padding-top:calc(var(--header-height) + 2rem);flex:1;padding-bottom:4rem}.nav-link:after{content:"";background-color:var(--primary-color);transform-origin:100% 100%;border-radius:2px;width:100%;height:3px;transition:transform .25s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0 100%;transform:scaleX(1)}.portfolio-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px -15px #ff6b6b4d}