:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#0a0a0a;color:#fff}#root{width:100%;min-height:100vh}*{box-sizing:border-box}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:#fff;overflow-x:hidden}.hero-gradient{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none;animation:pulse 8s ease-in-out infinite}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;pointer-events:none;animation:float 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);bottom:-10%;right:10%;animation-delay:-7s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 70%);top:50%;right:-5%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.glass-card{position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#a78bfa66,#8b5cf633,#ec489933);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.glass-card:hover:before{opacity:1}.service-card{transition:all .3s ease}.service-card:hover{box-shadow:0 20px 60px #8b5cf633;transform:translateY(-5px)}.portfolio-card:hover .portfolio-image{transform:scale(1.1)}.portfolio-card:hover .portfolio-link-icon{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6,#ec4899);border-radius:6px;border:2px solid #f3f4f6}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfa,#f472b6)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:768px){.orb{filter:blur(60px)}.orb-1,.orb-2,.orb-3{width:300px;height:300px}}*:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}img{transition:transform .5s ease}button{transition:all .3s ease}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}