@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@400;500;700&family=Major+Mono+Display&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-bg-primary: #1a0f2e;--color-bg-secondary: #271b36;--color-accent-primary: #c084fc;--color-accent-secondary: #e9d7ff;--color-text-primary: #f4eff9;--color-text-secondary: #d4c5e0;--color-card-bg: rgba(244, 239, 249, .05);--color-card-border: (192, 132, 252, .2);--font-display: "Playfair Display", serif;--font-mono: "Major Mono Display", monospace;--font-body: "DM Sans", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);color:var(--color-text-primary);font-family:var(--font-body);overflow-x:hidden}.app-container{position:relative;min-height:100vh;padding:var(--spacing-md);max-width:1400px;margin:0 auto;width:100%}.hero{position:relative;text-align:center;padding:var(--spacing-xl) var(--spacing-md);margin-bottom:var(--spacing-lg);animation:fadeInDown 1s ease-out}.hero-ornament{width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--color-accent-primary),transparent);margin:0 auto var(--spacing-md);animation:shimmer 3s infinite}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:900;line-height:1;letter-spacing:-.03em;margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:.25rem}.title-line{display:block;background:linear-gradient(120deg,var(--color-accent-secondary),var(--color-accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out backwards}.title-line:nth-child(2){animation-delay:.15s}.title-line:nth-child(3){animation-delay:.3s}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(.875rem,2vw,1.25rem);color:var(--color-accent-primary);letter-spacing:.1em;text-transform:uppercase;animation:fadeIn 1s ease-out .5s backwards}.content{display:grid;gap:var(--spacing-md);grid-template-columns:1fr;animation:fadeIn 1s ease-out .7s backwards}@media(min-width:768px){.content{grid-template-columns:repeat(2,1fr)}}.card{background:var(--color-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-card-border);border-radius:24px;padding:var(--spacing-lg);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-primary),transparent);opacity:0;transition:opacity .4s ease}.card:hover{transform:translateY(-4px);border-color:var(--color-accent-primary);box-shadow:0 20px 60px #c084fc33}.card:hover:before{opacity:1}.about-card{animation:slideInLeft .8s ease-out backwards}.commitments-card{animation:slideInRight .8s ease-out .1s backwards}@media(min-width:768px){.commitments-card{grid-row:1 / 3}}.card-header{margin-bottom:var(--spacing-md)}.card-header h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-accent-secondary);margin-bottom:var(--spacing-xs);line-height:1.2}.header-accent{width:60px;height:3px;background:var(--color-accent-primary);border-radius:2px}.card-body,.card-intro{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.7;color:var(--color-text-secondary);font-weight:400}.card-body strong{color:var(--color-accent-primary);font-weight:700}.card-intro{margin-bottom:var(--spacing-md)}.commitments-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.commitments-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--color-text-secondary);padding:var(--spacing-sm);border-radius:12px;transition:all .3s ease}.commitments-list li:hover{background:#c084fc1a;transform:scaleX(1.05)}.bullet{color:var(--color-accent-primary);font-size:.75em;flex-shrink:0;margin-top:.4em}.bg-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none;z-index:-1}.orb-1{width:500px;height:500px;background:radial-gradient(circle,var(--color-accent-primary),transparent 70%);top:-200px;right:-200px;animation:float 20s infinite ease-in-out}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--color-accent-secondary),transparent 70%);bottom:-150px;left:-150px;animation:float 25s infinite ease-in-out reverse}.swirl-decoration{position:absolute;pointer-events:none;z-index:0;opacity:0;animation:swirl-fade-in 2s ease-out forwards}.swirl-left{top:15%;left:-260px;width:500px;height:auto;filter:drop-shadow(0 0 30px rgba(192,132,252,.8)) drop-shadow(0 0 60px rgba(192,132,252,.5)) drop-shadow(0 0 90px rgba(192,132,252,.3));animation:swirl-fade-in 2s ease-out forwards,swirl-float-left 15s ease-in-out infinite 2s}.swirl-right{top:20%;right:-260px;width:550px;height:auto;transform:scale(-1);filter:drop-shadow(0 0 30px rgba(233,215,255,.7)) drop-shadow(0 0 60px rgba(192,132,252,.5)) drop-shadow(0 0 90px rgba(192,132,252,.3));animation:swirl-fade-in 2s ease-out .5s forwards,swirl-float-right 18s ease-in-out infinite 2.5s}.swirl-top{top:-80px;right:20%;width:450px;height:auto;transform:rotate(-30deg);filter:drop-shadow(0 0 25px rgba(208,132,252,.6)) drop-shadow(0 0 50px rgba(192,132,252,.4));animation:swirl-fade-in 2s ease-out 1s forwards,swirl-float-top 20s ease-in-out infinite 3s}.swirl-bottom{bottom:-100px;left:15%;width:480px;height:auto;transform:rotate(180deg) scaleX(-1);filter:drop-shadow(0 0 28px rgba(192,132,252,.7)) drop-shadow(0 0 56px rgba(192,132,252,.4));animation:swirl-fade-in 2s ease-out 1.5s forwards,swirl-float-bottom 22s ease-in-out infinite 3.5s}.swirl-decoration img{width:100%;height:auto;display:block}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.1)}}@keyframes swirl-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes swirl-float-left{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,-20px) rotate(5deg)}}@keyframes swirl-float-right{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-30px,20px) rotate(-5deg)}}@keyframes swirl-float-top{0%,to{transform:translate(0) rotate(-30deg)}50%{transform:translate(-20px,15px) rotate(-25deg)}}@keyframes swirl-float-bottom{0%,to{transform:translate(0) rotate(180deg) scaleX(-1)}50%{transform:translate(25px,-15px) rotate(185deg) scaleX(-1)}}@media(max-width:768px){.app-container{padding:var(--spacing-sm)}.hero{padding:var(--spacing-md) var(--spacing-sm)}.card{padding:var(--spacing-md)}}#root{max-width:none;padding:0;margin:0;width:100%;display:flex;justify-content:center;align-items:flex-start}.app-container{width:100%}.navbar{margin-bottom:var(--spacing-lg)}.nav-list{list-style-type:none;margin:0;padding:var(--spacing-sm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;gap:12rem}.nav-list li{font-family:var(--font-body);font-size:clamp(.875rem,1.5vw,1.125rem)}.nav-list li a{display:block;color:var(--color-text-secondary);text-align:center;padding:12px 24px;text-decoration:none;border-radius:12px;font-weight:500;letter-spacing:.02em;transition:color .2s ease}.nav-list li a:hover{color:var(--color-text-primary)}.nav-list li a.active{background:linear-gradient(135deg,var(--color-accent-primary),#d084fc);color:var(--color-bg-primary);font-weight:600;box-shadow:0 4px 16px #c084fc4d}.container{display:flex;gap:30px;justify-content:flex-start;align-items:flex-start;margin:30px}.contact-hero{padding:var(--spacing-lg) var(--spacing-md)}.contact-title{font-size:clamp(3.5rem,10vw,8rem)}.contact-content{display:grid;gap:var(--spacing-md);grid-template-columns:1fr;animation:fadeIn 1s ease-out .7s backwards}@media(min-width:1024px){.contact-content{grid-template-columns:1.5fr 1fr}}.appbullet{color:var(--color-text-secondary)}.appbullet:hover{color:var(--color-text-primary)}.contact-links-card{animation:slideInLeft .8s ease-out backwards}.contact-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#f4eff908;border:1px solid var(--color-card-border);border-radius:16px;text-decoration:none;color:var(--color-text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(192,132,252,.1),transparent);transition:left .6s ease}.contact-link:hover{transform:translate(8px);border-color:var(--color-accent-primary);background:#c084fc14;box-shadow:0 8px 32px #c084fc26}.contact-link:hover:before{left:100%}.contact-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--color-accent-primary);color:var(--color-bg-primary);transition:all .3s ease}.contact-link:hover .contact-icon{transform:scale(1.1) rotate(5deg)}.contact-icon svg{width:24px;height:24px}.linkedin-icon{background:linear-gradient(135deg,#0077b5,#00a0dc)}.email-icon{background:linear-gradient(135deg,var(--color-accent-primary),#d084fc)}.github-icon{background:linear-gradient(135deg,#333,#666)}.instagram-icon{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.soundcloud-icon{background:linear-gradient(135deg,#f80,#f50)}.notion-icon{background:linear-gradient(135deg,#f0eeee,#d7c9eb)}.contact-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.contact-label{font-family:var(--font-body);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-primary);font-weight:500}.contact-handle{font-family:var(--font-body);font-size:clamp(.875rem,2vw,1.125rem);color:var(--color-text-primary);font-weight:500}.contact-arrow{font-size:1.5rem;color:var(--color-accent-primary);transition:transform .3s ease;opacity:.6}.contact-link:hover .contact-arrow{transform:translate(4px);opacity:1}.butterfly-card{animation:slideInRight .8s ease-out .1s backwards;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.butterfly-container{position:relative;width:100%;max-width:500px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.butterfly-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 30px rgba(192,132,252,.3));animation:butterflyFloat 6s ease-in-out infinite}.butterfly-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(192,132,252,.2),transparent 70%);border-radius:50%;filter:blur(40px);animation:glowPulse 4s ease-in-out infinite;z-index:1}@keyframes butterflyFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(2deg)}75%{transform:translateY(10px) rotate(-2deg)}}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}@media(max-width:1024px){.butterfly-card{grid-row:2}.butterfly-container{max-width:400px}}@media(max-width:768px){.contact-link{gap:var(--spacing-sm);padding:var(--spacing-sm)}.contact-icon{width:40px;height:40px;min-width:40px}.contact-icon svg{width:20px;height:20px}.butterfly-container{max-width:300px}.nav-list{flex-wrap:wrap;gap:.5rem}.nav-list li a{padding:10px 16px;font-size:.875rem}}@media(max-width:480px){.nav-list{padding:.75rem}.nav-list li a{padding:8px 12px}}.interests-content{display:grid;gap:var(--spacing-md);grid-template-columns:1fr;animation:fadeIn 1s ease-out .7s backwards}@media(min-width:768px){.interests-content{grid-template-columns:1fr;max-width:1200px;margin:0 auto}}.interests-card{animation:fadeInUp .8s ease-out backwards}.music-card{animation-delay:.1s}.academic-card,.dance-card,.reading-card{animation-delay:.3s}.interests-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.audio-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.audio-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.audio-label{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.25rem);font-weight:600;color:var(--color-accent-primary);margin:0}.audio-player{width:100%;height:50px;border-radius:12px;outline:none}.audio-player::-webkit-media-controls-panel{background:linear-gradient(135deg,#c084fc26,#e9d7ff1a);border-radius:12px}.audio-player::-webkit-media-controls-play-button,.audio-player::-webkit-media-controls-pause-button{background-color:var(--color-accent-primary);border-radius:50%}.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{color:var(--color-text-primary);font-family:var(--font-body)}.audio-player::-webkit-media-controls-timeline{background:#c084fc33;border-radius:25px}.dance-timeline{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0}.dance-timeline li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--color-text-secondary);padding:var(--spacing-sm);border-radius:12px;background:#c084fc0d;transition:all .3s ease}.dance-timeline li:hover{background:#c084fc1a;transform:scaleX(1.05)}.timeline-bullet{color:var(--color-accent-primary);font-size:.75em;flex-shrink:0;margin-top:.4em}.timeline-text{color:var(--color-text-secondary)}.timeline-text strong{color:var(--color-accent-primary)}@media(max-width:768px){.interests-content{max-width:100%}.audio-player{height:36px}}@media(min-width:768px){.projects-content{grid-template-columns:1fr;max-width:900px;margin:0 auto}}.projects-list li:hover{background:#c084fc1a;transform:translate(8px)}.project-link-section{margin:var(--spacing-sm) 0}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#c084fc1a;border:1px solid var(--color-card-border);border-radius:12px;text-decoration:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(192,132,252,.15),transparent);transition:left .6s ease}.project-link:hover{background:#c084fc26;border-color:var(--color-accent-primary);transform:translate(4px);box-shadow:0 4px 16px #c084fc33}.project-link:hover:before{left:100%}.link-icon{font-size:1.5em}.link-arrow{color:var(--color-accent-primary);font-size:1.25em;transition:transform .3s ease}@media(max-width:768px){.projects-content{max-width:100%}.project-link{padding:var(--spacing-xs) var(--spacing-sm)}}.projects-content{display:grid;gap:var(--spacing-md);grid-template-columns:1fr;animation:fadeIn 1s ease-out .7s backwards}@media(min-width:768px){.projects-content{grid-template-columns:1fr;max-width:1200px;margin:0 auto}}.projects-card{animation:fadeInUp .8s ease-out backwards}.current-work-card{animation-delay:.1s}.previous-work-card{animation-delay:.3s}.projects-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.projects-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;padding:0}.projects-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:var(--color-text-secondary);padding:var(--spacing-sm);border-radius:12px;background:#c084fc0d;transition:all .3s ease}.projects-list li:hover{background:#c084fc1a;transform:scaleX(1.05)}.project-bullet{color:var(--color-accent-primary);font-size:.75em;flex-shrink:0;margin-top:.4em}.project-text{color:var(--color-text-secondary)}.project-text strong{color:var(--color-accent-primary)}.project-link-container{margin:var(--spacing-sm) 0}.project-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#c084fc1a;border:1px solid var(--color-card-border);border-radius:12px;text-decoration:none;color:var(--color-accent-primary);font-family:var(--font-body);font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:500;transition:all .3s ease}.project-link:hover{background:#c084fc33;border-color:var(--color-accent-primary);transform:translate(4px);color:var(--color-accent-primary)}.link-icon{font-size:1.25em}.link-text{flex:1}.link-arrow{color:var(--color-accent-primary);transition:transform .3s ease}.project-link:hover .link-arrow{transform:translate(4px)}@media(max-width:768px){.projects-content{max-width:100%}.project-link{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}}.slideshow-container{position:relative;width:100%;max-width:600px;margin:var(--spacing-md) auto;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #c084fc33}.slideshow-image{width:100%;height:auto;display:block;animation:fadeIn .5s ease-in}.slideshow-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;color:#fff;border:none;padding:10px;font-size:3rem;cursor:pointer;border-radius:8px;transition:all .3s ease;z-index:10}.slideshow-btn:hover{color:var(--color-accent-primary);transform:translateY(-50%) scale(1.1);border:none}.slideshow-btn.prev{left:10px;border:none}.slideshow-btn.next{right:10px;border:none}.slideshow-btn:focus{outline:none}.nav-list li a:focus{outline:none}.slideshow-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.dot:hover{background:#fffc}.dot.active{background:var(--color-accent-primary);transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}