*{margin:0;padding:0;box-sizing:border-box}:root{--pastel-pink: #FFD6E8;--pastel-purple: #E8D5F2;--pastel-blue: #D5E8F2;--pastel-lavender: #E5D5F2;--soft-white: #FEFEFE;--cloud-white: #F8F9FF;--accent-purple: #C8A2D8;--accent-pink: #F5A9D0;--accent-blue: #A9D0F5;--text-dark: #4A4A5E;--text-medium: #7A7A8E;--shadow-soft: rgba(200, 162, 216, .15);--transition-speed: .3s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,var(--pastel-blue) 0%,var(--pastel-lavender) 50%,var(--pastel-pink) 100%);color:var(--text-dark);min-height:100vh;transition:background var(--transition-speed),color var(--transition-speed)}body.dark-mode{--pastel-pink: #3D2A3F;--pastel-purple: #2E2A3D;--pastel-blue: #2A3A4D;--pastel-lavender: #352A3D;--soft-white: #1A1A2E;--cloud-white: #252535;--accent-purple: #9B7EBD;--accent-pink: #D89BC7;--accent-blue: #7EB5D8;--text-dark: #E8E8F0;--text-medium: #B8B8C8;--shadow-soft: rgba(0, 0, 0, .3);background:linear-gradient(135deg,#1a1a2e,#2a2a3e,#3a2a3e)}.nav{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%);padding:1rem 2rem;box-shadow:0 4px 20px var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--transition-speed)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:2rem}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;text-shadow:2px 2px 8px rgba(0,0,0,.15);transition:opacity var(--transition-speed)}.logo:hover{opacity:.85}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:25px;transition:all var(--transition-speed)}.nav-link:hover{background-color:#ffffff40;transform:translateY(-2px)}.nav-link.active{background-color:#ffffff59}.theme-toggle{background:#ffffff40;border:2px solid rgba(255,255,255,.35);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all var(--transition-speed)}.theme-toggle:hover{background:#ffffff59;transform:rotate(20deg) scale(1.1)}.bokeh-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;overflow:hidden}.bokeh-circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:float 20s ease-in-out infinite}.bokeh-1{width:300px;height:300px;background:#e8d5f2;top:10%;left:5%;animation-duration:18s}.bokeh-2{width:250px;height:250px;background:#d5e8f2;top:60%;left:10%;animation-duration:22s;animation-delay:2s}.bokeh-3{width:280px;height:280px;background:#ffd6e8;top:80%;left:15%;animation-duration:20s;animation-delay:4s}.bokeh-4{width:320px;height:320px;background:#e5d5f2;top:15%;right:8%;animation-duration:24s;animation-delay:1s}.bokeh-5{width:270px;height:270px;background:#f5a9d0;top:50%;right:5%;animation-duration:19s;animation-delay:3s}.bokeh-6{width:290px;height:290px;background:#a9d0f5;top:75%;right:12%;animation-duration:21s;animation-delay:5s}.bokeh-7{width:260px;height:260px;background:#c8a2d8;top:35%;left:50%;animation-duration:23s}.bokeh-8{width:240px;height:240px;background:#d5e8f2;top:5%;right:30%;animation-duration:17s;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.container{max-width:800px;margin:0 auto;padding:2rem}.title{font-size:2.5rem;color:#8b7ba8;text-align:center;margin-bottom:1rem;text-shadow:2px 2px 8px var(--shadow-soft);transition:color var(--transition-speed)}.subtitle{font-size:1.2rem;color:#a89bc8;text-align:center;margin-bottom:2rem;transition:color var(--transition-speed)}.content{background:var(--cloud-white);padding:2rem;border-radius:20px;box-shadow:0 8px 30px var(--shadow-soft);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-speed)}.content:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow-soft)}.paragraph{color:var(--text-dark);line-height:1.8;margin-bottom:1rem;transition:color var(--transition-speed)}.projects-grid{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.project-card{background:var(--cloud-white);padding:2rem;border-radius:20px;box-shadow:0 8px 30px var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-speed);border:1px solid rgba(200,162,216,.1)}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px var(--shadow-soft);border-color:var(--accent-purple)}.project-title{color:#6b5b7e;font-size:1.5rem;margin-bottom:1rem;border-bottom:3px solid var(--accent-purple);padding-bottom:.5rem;transition:color var(--transition-speed)}.project-description{color:var(--text-medium);line-height:1.6;margin-bottom:1rem;transition:color var(--transition-speed)}.project-tech{color:var(--text-medium);font-size:.9rem;margin-bottom:1rem;padding:.75rem;background:linear-gradient(135deg,var(--pastel-purple) 0%,var(--pastel-blue) 100%);border-radius:12px;transition:all var(--transition-speed)}.project-links{display:flex;gap:1rem;margin-top:1rem}.project-link{color:var(--accent-purple);text-decoration:none;font-weight:500;padding:.5rem 1.5rem;border:2px solid var(--accent-purple);border-radius:25px;transition:all var(--transition-speed)}.project-link:hover{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow-soft)}.svg-animation-box{background:var(--cloud-white);padding:2rem;border-radius:20px;box-shadow:0 8px 30px var(--shadow-soft);text-align:center;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-speed)}.toggle-title{color:#6b5b7e;font-size:1.3rem;margin-bottom:.5rem;text-align:center}.interactive-svg{cursor:pointer;display:block;margin:0 auto;transition:transform var(--transition-speed);filter:drop-shadow(0 4px 15px var(--shadow-soft))}.interactive-svg:hover{transform:scale(1.05)}.interactive-svg:focus{outline:3px solid var(--accent-purple);outline-offset:8px;border-radius:50%}.svg-circle{transition:all var(--transition-speed)}.svg-circle-animated{animation:rotate 2s linear infinite;transform-origin:center}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-ring{animation:pulse 1.5s ease-out infinite}.pulse-ring-delayed{animation:pulse 1.5s ease-out .3s infinite}@keyframes pulse{0%{r:100;opacity:1}to{r:140;opacity:0}}.footer{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-blue) 100%);color:#fff;padding:2rem;text-align:center;margin-top:4rem;box-shadow:0 -4px 20px var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--transition-speed)}.footer-content{max-width:800px;margin:0 auto}.footer-text{margin:.5rem 0;font-size:.9rem;text-shadow:1px 1px 4px rgba(0,0,0,.15)}.footer-link{color:var(--pastel-pink);text-decoration:none;font-weight:500;transition:all var(--transition-speed)}body.dark-mode .footer-link{color:var(--accent-pink)}.footer-link:hover{color:#fff;text-decoration:underline}.ai-disclosure{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.ai-disclosure-text{font-size:.85rem;line-height:1.6;max-width:600px;margin:.5rem auto;opacity:.9}@media (max-width: 768px){.nav-container,.nav-right{flex-direction:column;gap:1rem}.nav-links{flex-direction:column;gap:.5rem;text-align:center}.title{font-size:2rem}.cloud-scene{height:300px}}