body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary:#6366f1;--secondary:#8b5cf6;--accent:#ec4899;--dark:#0f0f1b;--glass:#ffffff12;--glass-border:#ffffff1f;--text:#e0e7ff;--dynamic-gradient:linear-gradient(135deg,#6366f1,#8b5cf6)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:#0f0f1b;background:var(--dark);color:#e0e7ff;color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f1bd9;border-bottom:1px solid #7c3aed33;padding:16px 40px;position:fixed;top:0;width:100%;z-index:2000}.navbar{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.navbar a{color:#cbd5e1;font-size:1.05rem;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.navbar a.active,.navbar a:hover{color:#ec4899;color:var(--accent)}.navbar a:after{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);border-radius:2px;bottom:-8px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.22,.61,.36,1);width:0}.navbar a.active:after,.navbar a:hover:after{width:100%}.home{align-items:center;background:radial-gradient(circle at 20% 30%,#6366f11a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ec48991a 0,#0000 40%),#0f0f1b;background:radial-gradient(circle at 20% 30%,#6366f11a 0,#0000 40%),radial-gradient(circle at 80% 70%,#ec48991a 0,#0000 40%),var(--dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}#particles-canvas{left:0;position:fixed;top:0;z-index:-1}.home-content{align-items:center;display:flex;gap:60px;max-width:1400px;padding:0 40px}.profile-image{background:linear-gradient(45deg,#6366f1,#ec4899) padding-box,conic-gradient(from 0deg,#6366f1,#8b5cf6,#ec4899,#6366f1) border-box;background:linear-gradient(45deg,var(--primary),var(--accent)) padding-box,conic-gradient(from 0deg,var(--primary),var(--secondary),var(--accent),var(--primary)) border-box;border:3px solid #0000;border-radius:50%;box-shadow:0 0 40px #6366f14d,0 20px 60px #0009;height:280px;object-fit:cover;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);width:280px}.profile-image:hover{transform:scale(1.05) rotate(3deg)}.text-content h1{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:16px}.text-content h3{color:#e0e7ff;color:var(--text);font-size:1.8rem;margin-bottom:20px}.text-content h3 span{color:#ec4899;color:var(--accent);font-weight:700}.social{display:flex;gap:20px;margin:24px 0}.social a{align-items:center;background:#ffffff12;background:var(--glass);border:1px solid #ffffff1f;border:1px solid var(--glass-border);border-radius:50%;color:#e0e7ff;color:var(--text);display:flex;font-size:1.4rem;height:56px;justify-content:center;transition:all .4s ease;width:56px}.social a:hover{box-shadow:0 10px 25px #ec489966;transform:translateY(-6px) scale(1.1)}.btn,.social a:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);color:#fff}.btn{border:none;border-radius:50px;box-shadow:0 8px 25px #ec48994d;cursor:pointer;font-size:1.1rem;font-weight:700;padding:14px 42px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn:hover{box-shadow:0 12px 35px #ec489980;transform:translateY(-6px) scale(1.05)}section{padding:100px 40px;position:relative}.container{margin:0 auto;max-width:1200px}.sub-title{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.8rem;font-weight:800;margin-bottom:60px;position:relative;text-align:center}.sub-title:after{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);border-radius:2px;bottom:-16px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.fade-in.appear{opacity:1;transform:translateY(0)}.card-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;background:var(--glass);border:1px solid #ffffff1f;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;padding:32px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);border-color:#0000;box-shadow:0 16px 40px #0000004d;color:#fff;transform:translateY(-12px) scale(1.03)}.card .icon{color:#fff;font-size:2.4rem;margin-bottom:20px}.card h3{color:#fff;font-size:1.6rem;margin:0 0 16px}.card p{color:#ffffffe6;flex-grow:1;font-size:1.05rem;margin-bottom:20px}.card-links{display:flex;gap:12px;justify-content:center;margin-top:auto}.card-links a{background:#fff3;border-radius:12px;color:#fff;display:inline-block;font-size:.95rem;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .3s}.card-links a:hover{background:#ffffff4d;transform:scale(1.03)}#about{background:linear-gradient(180deg,#0f0f1b,#121222);background:linear-gradient(to bottom,var(--dark),#121222)}#about .about-text h2{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.4rem;margin-bottom:24px;text-align:center}#about .about-text{margin:0 auto;max-width:800px;text-align:center}#contact{background:linear-gradient(135deg,#0f0f1b,#1a1a2e);overflow:hidden;position:relative}#contact:before{background:radial-gradient(circle,#6366f112 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}#contact .container{position:relative;z-index:2}#contact h1{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.2rem;font-weight:900;margin-bottom:20px;text-align:center}.contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border-radius:28px;margin:40px auto 0;max-width:700px;padding:40px}.contact-form,.contact-form input,.contact-form textarea{border:1px solid #ffffff1f;border:1px solid var(--glass-border)}.contact-form input,.contact-form textarea{background:#ffffff12;border-radius:16px;color:#fff;font-size:1.05rem;margin-bottom:20px;padding:18px 24px;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff1a;border-color:#ec4899;border-color:var(--accent);box-shadow:0 0 0 3px #ec48994d;outline:none}.contact-form textarea{min-height:180px;resize:vertical}.scroll-top{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:var(--dynamic-gradient);border-radius:50%;bottom:30px;box-shadow:0 6px 20px #ec489966;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:30px;transition:all .4s ease;width:50px;z-index:100}@media (max-width:900px){.home-content{flex-direction:column;gap:40px;text-align:center}.text-content h1{font-size:2.8rem}.profile-image{height:220px;width:220px}section{padding:80px 20px}.card-grid{gap:24px}}@media (max-width:600px){.text-content h1{font-size:2.2rem}.text-content h3{font-size:1.4rem}.sub-title{font-size:2.2rem}.navbar{gap:16px}.header{padding:12px 20px}.card{padding:24px 16px}}