:root{--hue-primary: 240;--hue-accent: 255;--hue-highlight: 35;--color-bg: hsl(var(--hue-primary), 15%, 8%);--color-bg-secondary: hsl(var(--hue-primary), 15%, 12%);--color-text-main: hsl(var(--hue-primary), 10%, 95%);--color-text-muted: hsl(var(--hue-primary), 10%, 70%);--color-primary: hsl(var(--hue-accent), 70%, 60%);--color-primary-glow: hsl(var(--hue-accent), 70%, 60%, .5);--color-highlight: hsl(var(--hue-highlight), 90%, 60%);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--shadow-soft: 0 10px 30px -10px rgba(0, 0, 0, .5);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--glass-blur: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-main);line-height:1.2;margin-bottom:var(--spacing-md)}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}img{max-width:100%;display:block}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.text-gradient{background:linear-gradient(to right,var(--color-primary),var(--color-highlight));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.btn{display:inline-block;padding:.8rem 2rem;background:var(--color-primary);color:#fff;border-radius:50px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--color-primary-glow)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--color-primary-glow)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1.1)}to{opacity:.15;transform:translate(-50%,-50%) scale(1)}}.animate-fade-up{animation:fadeIn .8s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}.hero-bg{background:radial-gradient(circle at top right,rgba(var(--hue-accent),.15),transparent 40%),radial-gradient(circle at bottom left,rgba(var(--hue-primary),.2),transparent 40%);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2}.form-group{margin-bottom:1.5rem;text-align:left}.form-label{display:block;margin-bottom:.5rem;color:var(--color-text-main);font-weight:500}.form-control{width:100%;padding:1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--color-text-main);font-family:var(--font-body);font-size:1rem;transition:all .3s ease}.form-control:focus{outline:none;background:#ffffff1a;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--hue-accent),.1)}textarea.form-control{resize:vertical;min-height:120px}.hvr-grow{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000;transition-duration:.3s;transition-property:transform}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform:scale(1.1)}.hvr-sweep-to-right{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);position:relative;transition-property:color;transition-duration:.3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--color-highlight);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.3s;transition-timing-function:ease-out;border-radius:50px}.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:var(--color-bg)}.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{transform:scaleX(1)}.hvr-underline-from-center{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);position:relative;overflow:hidden}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;bottom:0;background:var(--color-primary);height:4px;transition-property:left,right;transition-duration:.3s;transition-timing-function:ease-out}.hvr-underline-from-center:hover:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:active:before{left:0;right:0}@keyframes hvr-bob{0%{transform:translateY(-8px)}50%{transform:translateY(-4px)}to{transform:translateY(-8px)}}@keyframes hvr-bob-float{to{transform:translateY(-8px)}}.hvr-bob{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px #0000}.hvr-bob:hover,.hvr-bob:focus,.hvr-bob:active{animation-name:hvr-bob-float,hvr-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-timing-function:ease-out,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards;animation-direction:normal,alternate}.vue-widget[data-v-a16b3bfb]{padding:1.5rem;background:#ffffff08;border:1px solid var(--color-primary);border-radius:12px;margin-top:2rem;box-shadow:0 0 20px var(--color-primary-glow)}.skill-bar[data-v-a16b3bfb]{margin-bottom:.8rem}.label[data-v-a16b3bfb]{color:#fff;font-size:.9rem;margin-bottom:.3rem}.bar-bg[data-v-a16b3bfb]{background:#ffffff1a;height:8px;border-radius:4px;overflow:hidden}.bar-fill[data-v-a16b3bfb]{background:var(--color-primary);height:100%;transition:width 1s ease-out;box-shadow:0 0 10px var(--color-primary-glow)}