html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}#root{width:100%;max-width:100%}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;cursor:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><text x=\"20\" y=\"28\" font-size=\"24\" text-anchor=\"middle\">🐾</text></svg>") 20 20,auto;background:#f0f0f5;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;display:flex}.content{flex:1}a,button,.btn{cursor:pointer}.portfolio{width:100%;max-width:100%;margin:0;padding:0}.header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f0f5f2;width:100%;padding:20px 0;position:fixed;top:0;box-shadow:0 2px 20px #8b5cf626}.nav{justify-content:space-between;align-items:center;width:100%;max-width:100%;margin:0;padding:0 20px;display:flex}.logo{background:linear-gradient(135deg,#c084fc,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{gap:25px;padding:0 0 0 30px;list-style:none;display:flex}.nav-links a{color:#1a1a2e;text-transform:capitalize;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#c084fc;text-shadow:0 0 10px #c084fc80}section{width:100%;max-width:100%;min-height:100vh;padding:100px 20px}.hero{text-align:center;justify-content:center;align-items:center;display:flex}.hero-content{max-width:800px}.cat-icon{margin-bottom:20px;font-size:4rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1{color:#1a1a2e;margin-bottom:10px;font-size:3rem}.hero h1 .highlight{background:linear-gradient(135deg,#f472b6,#c084fc,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero h2{color:#6b21a8;margin-bottom:15px;font-size:1.5rem}.hero p{color:#4a4a6a;margin-bottom:30px;font-size:1.1rem}.hero-buttons{justify-content:center;gap:15px;margin-top:30px;display:flex}.btn{border-radius:5px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s}.primary{color:#000;background:linear-gradient(135deg,#c084fc,#f472b6)}.primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #c084fc80}.secondary{color:#22d3ee;border:2px solid #22d3ee}.secondary:hover{color:#000;background:#22d3ee;box-shadow:0 0 20px #22d3ee80}.about{text-align:center}.about h2{color:#1a1a2e;margin-bottom:20px;font-size:2.5rem}.about h2:after{content:"";background:linear-gradient(90deg,#c084fc,#22d3ee);border-radius:2px;width:60px;height:3px;margin:10px auto 0;display:block}.about p{color:#9ca3af;max-width:700px;margin:0 auto;font-size:1.1rem}.projects{text-align:center}.projects h2{color:#1a1a2e;margin-bottom:20px;font-size:2.5rem}.projects h2:after{content:"";background:linear-gradient(90deg,#f472b6,#c084fc);border-radius:2px;width:60px;height:3px;margin:10px auto 0;display:block}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;display:grid}.project-card{text-align:left;background:linear-gradient(145deg,#fff,#f5f5fa);border:1px solid #e5e5ea;border-radius:15px;padding:25px;transition:all .3s;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg,#c084fc,#f472b6,#22d3ee);height:3px;position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:#c084fc;transform:translateY(-5px);box-shadow:0 15px 40px #8b5cf633}.project-card h3{color:#1a1a2e;margin-bottom:10px;font-size:1.3rem}.project-card p{color:#4a4a6a;margin-bottom:15px}.tech-stack{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.tech-stack span{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:15px;padding:5px 12px;font-size:.85rem}.project-link{color:#22d3ee;width:fit-content;padding:0 20px 0 0;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.project-link:hover{text-shadow:0 0 10px #22d3ee80}.skills{text-align:center}.skills h2{color:#1a1a2e;margin-bottom:20px;font-size:2.5rem}.skills h2:after{content:"";background:linear-gradient(90deg,#22d3ee,#c084fc);border-radius:2px;width:60px;height:3px;margin:10px auto 0;display:block}.skills-grid{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:40px;display:flex}.skill-tag{color:#22d3ee;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:25px;padding:12px 25px;font-size:1rem;transition:all .3s}.skill-tag:hover{background:#22d3ee33;box-shadow:0 0 15px #22d3ee4d}.contact{text-align:center}.contact h2{color:#1a1a2e;margin-bottom:20px;font-size:2.5rem}.contact h2:after{content:"";background:linear-gradient(90deg,#c084fc,#f472b6);border-radius:2px;width:60px;height:3px;margin:10px auto 0;display:block}.contact p{color:#9ca3af;margin-bottom:20px;font-size:1.2rem}.social-links{justify-content:center;gap:20px;margin-top:20px;display:flex}.social-links a{color:#f472b6;border:1px solid #f472b6;border-radius:5px;padding:10px 20px;font-size:1.1rem;text-decoration:none;transition:all .3s}.social-links a:hover{color:#000;background:#f472b6;box-shadow:0 0 20px #f472b680}.footer{text-align:center;color:#6b7280;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0f0f5f2;border-top:1px solid #e5e5ea;width:100%;padding:20px 0;position:fixed;bottom:0;box-shadow:0 2px 20px #8b5cf626}.footer span{background:linear-gradient(90deg,#c084fc,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=768px){.hero h1{font-size:2rem}.nav-links{display:none}section{min-height:auto;padding:60px 0}}