@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&family=Jost:wght@200;300;400;500&display=swap";:root{--gold:#c9a96e;--gold-light:#e8d5b0;--rose:#c77daa;--glass-bg:#ffffff0a;--glass-border:#ffffff17;--text-muted:#f5f0eba6}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(90px);opacity:.3;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#6b21a8,#0000 70%);width:650px;height:650px;animation:28s ease-in-out infinite drift1;top:-220px;left:-180px}.orb-2{background:radial-gradient(circle,#be4b8f,#0000 70%);width:520px;height:520px;animation:22s ease-in-out infinite drift2;bottom:-120px;right:-120px}.orb-3{background:radial-gradient(circle,#c9a96e55,#0000 70%);width:380px;height:380px;animation:32s ease-in-out infinite drift3;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes drift1{0%,to{transform:translate(0)}33%{transform:translate(40px,-50px)}66%{transform:translate(-25px,35px)}}@keyframes drift2{0%,to{transform:translate(0)}33%{transform:translate(-35px,40px)}66%{transform:translate(30px,-25px)}}@keyframes drift3{0%,to{transform:translate(-50%,-50%)scale(1)}33%{transform:translate(calc(30px - 50%),calc(-50% - 40px))scale(1.1)}66%{transform:translate(calc(-50% - 20px),calc(30px - 50%))scale(.9)}}.App{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.header{-webkit-backdrop-filter:blur(24px);text-align:center;border-bottom:1px solid var(--glass-border);z-index:100;background:#0800108c;padding:1.4rem 2rem;position:sticky;top:0}.header a{text-decoration:none}.header h1{letter-spacing:.1em;background:linear-gradient(120deg, var(--gold-light) 0%, var(--gold) 50%, var(--rose) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Snell Roundhand,Cormorant Garamond,serif;font-size:2.8rem;font-weight:300}.header h1 em{font-style:italic;font-weight:400}.main-content{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:3.5rem 1rem;animation:.9s both fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.profile-section{justify-content:center;margin:1.5rem 0;display:flex}.profile-image-container{width:280px;height:280px;box-shadow:0 0 0 3px var(--gold), 0 0 35px #c9a96e59, 0 0 75px #c77daa33;border-radius:50%;transition:transform .3s;animation:3.5s ease-in-out infinite glowPulse;overflow:hidden}.profile-image-container:hover{transform:scale(1.04)}@keyframes glowPulse{0%,to{box-shadow:0 0 0 3px var(--gold), 0 0 35px #c9a96e59, 0 0 75px #c77daa33}50%{box-shadow:0 0 0 3px var(--rose), 0 0 50px #c77daa80, 0 0 100px #c9a96e40}}.profile-image{object-fit:cover;width:100%;height:100%;display:block}.about-section{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:24px;width:100%;max-width:740px;margin-top:2.5rem;padding:3rem 2.5rem;animation:.9s .15s both fadeUp}.about-section h2{letter-spacing:.03em;background:linear-gradient(135deg, var(--gold-light), var(--gold));-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:1.8rem;font-family:Cormorant Garamond,serif;font-size:3rem;font-style:italic;font-weight:300}.about-section p{color:var(--text-muted);letter-spacing:.04em;text-align:center;margin-bottom:1.2rem;font-family:Jost,sans-serif;font-size:1.05rem;font-weight:300;line-height:1.95}.social-section{justify-content:center;margin-top:2rem;display:flex}.contact-me{background-image:linear-gradient(to top right,#b820e6,#da7d20);border-radius:50px;padding:8px 30px;transition:transform .22s,box-shadow .22s;display:block}.contact-me:hover{transform:scale(1.07);box-shadow:0 0 22px #b820e673}@media (width<=768px){.header{padding:1rem}.header h1{font-size:2rem}.main-content{padding:2rem 1rem}.profile-image-container{width:210px;height:210px}.about-section{padding:2rem 1.5rem}.about-section h2{font-size:2.2rem}}@media (width<=480px){.header h1{font-size:1.5rem}.profile-image-container{width:170px;height:170px}.about-section h2{font-size:1.8rem}.about-section p{font-size:.95rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f5f0eb;background:#080010;min-height:100vh;font-family:Jost,sans-serif}#root{width:100%}