.portfolio-theme{--primary-color:#8b5cf6;--secondary-color:#ec4899;--accent-color:#06b6d4;--creative-dark:#0f0f0f;--artistic-glow:#8b5cf6}.creative-font{font-family:Playfair Display,Times New Roman,serif;font-style:italic;font-weight:700}.artistic-font{letter-spacing:1px;font-family:Poppins,Arial,sans-serif;font-weight:600}.designer-font{font-family:Inter,Helvetica Neue,sans-serif;font-weight:500}@keyframes creative-float{0%,to{opacity:.7;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-15px)rotate(5deg)}}@keyframes color-shift{0%{filter:hue-rotate()}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(360deg)}}@keyframes artistic-pulse{0%,to{transform:scale(1);box-shadow:0 0 30px #8b5cf64d}50%{transform:scale(1.05);box-shadow:0 0 50px #8b5cf699}}.creative-float{animation:4s ease-in-out infinite creative-float}.color-shift{animation:8s linear infinite color-shift}.artistic-pulse{animation:3s ease-in-out infinite artistic-pulse}.creative-gradient{background:linear-gradient(135deg,#8b5cf6,#ec4899,#06b6d4)}.artistic-gradient{background:linear-gradient(45deg,#8b5cf6,#ec4899)}.designer-gradient{background:linear-gradient(90deg,#000,#8b5cf6,#ec4899,#000)}.portfolio-card{background:linear-gradient(145deg,#1a1a1a,#2d2d2d) padding-box padding-box;border:2px solid #0000;transition:all .4s;box-shadow:0 0 30px #8b5cf633,inset 0 1px #ffffff1a}.portfolio-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(45deg,#8b5cf6,#ec4899,#06b6d4);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portfolio-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 0 50px #8b5cf666,0 20px 40px #0000004d}.creative-button{color:#fff;background:linear-gradient(45deg,#8b5cf6,#ec4899);border-radius:12px;padding:16px 32px;font-weight:700;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 8px 25px #8b5cf666}.creative-button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.creative-button:hover:before{left:100%}.creative-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 12px 35px #8b5cf699}.portfolio-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0ffa;border-bottom:2px solid #0000;border-image:linear-gradient(90deg,#8b5cf6,#ec4899,#06b6d4) 1;box-shadow:0 0 30px #8b5cf64d}.skill-bar{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:4px;height:8px;position:relative;overflow:hidden}.skill-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:2s ease-in-out infinite skill-shine;position:absolute;top:0;left:-100%}@keyframes skill-shine{0%{left:-100%}to{left:100%}}.gradient-text{background:linear-gradient(45deg,#8b5cf6,#ec4899,#06b6d4);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite gradient-flow}@keyframes gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}.artwork-frame{border:4px solid #0000;border-image:linear-gradient(45deg,#8b5cf6,#ec4899,#06b6d4,#8b5cf6) 1;box-shadow:inset 0 0 20px #8b5cf61a,0 0 30px #8b5cf633}