*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#f4f1ff;background:#000;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#000}.app{background:#000;flex-direction:column;min-height:100vh;display:flex}.navbar{color:#f4f1ff;z-index:100;background:#c69f9514;border-bottom:.5px solid #c3b1e140;padding:1rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 1rem;display:flex}.logo{color:#6e4581;align-items:center;gap:.75rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-image{object-fit:contain;width:48px;height:48px;display:block}.nav-menu{gap:1.5rem;list-style:none;display:flex}.nav-link{color:#f4f1ff;cursor:crosshair;background:0 0;border:none;padding:.5rem .75rem;font-size:1rem;text-decoration:none;transition:color .3s,transform .2s}.nav-link:hover,.nav-link.active{color:#c3b1e1;transform:translateY(-1px)}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem}.page{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-page{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:1000px;min-height:300px;margin:0 auto;padding:2rem 1rem;display:flex}.hero{text-align:center;background:#ffffff0a;border:1px solid #c3b1e12e;border-radius:32px;width:100%;max-width:840px;padding:2rem 1.5rem;box-shadow:0 24px 60px #0000003d}.hero-tag{text-transform:uppercase;letter-spacing:.3em;color:#c3b1e1;margin-bottom:1rem;font-size:.8rem;display:inline-flex}.hero h1{color:#f4f1ff;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem)}.hero-description{color:#d9d3f0;max-width:640px;margin:0 auto 2rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.home-panels{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:3rem;width:100%;max-width:1000px;display:grid}.about-card,.skills-card{background:#ffffff0a;border:1px solid #c3b1e12e;border-radius:20px;padding:1.5rem;box-shadow:0 18px 40px #0000002e}.about-card h3{color:#f4f1ff;text-align:center;margin-bottom:1rem;font-size:1.5rem}.skills-card h3,.hobbies-card h3,.languages-card h3{color:#f4f1ff;text-align:left;margin-bottom:1rem;font-size:1.5rem}.about-card p,.skills-card p,.languages-card p{color:#d9d3f0;font-size:.95rem;line-height:1.75}.about-image-wrap{justify-content:center;align-items:center;width:100%;margin-bottom:2rem;display:flex}.about-card-image{aspect-ratio:1;object-fit:cover;border:2px solid #c3b1e140;border-radius:50%;width:min(70%,220px);box-shadow:0 12px 30px #00000040}.skills-gained-list{gap:.85rem;margin-bottom:1.25rem;padding-left:.85rem;list-style:none;display:grid}.skills-gained-list li{color:#d9d3f0;font-size:1rem;line-height:1.7;position:relative}.skills-gained-list li:before{content:"•";color:#c3b1e1;position:absolute;left:-1rem}.home-bottom{grid-template-columns:1fr 260px;align-items:start;gap:1rem;width:100%;max-width:1000px;display:grid}.hobbies-card,.languages-card{background:#ffffff08;border:1px solid #c3b1e11f;border-radius:18px;padding:1.25rem;box-shadow:0 14px 36px #00000029}.hobbies-card h3,.languages-card h3{color:#f4f1ff;margin-bottom:.75rem;font-size:1.1rem}.hobbies-list,.languages-list{gap:.85rem;margin-bottom:1.25rem;padding-left:.85rem;list-style:none;display:grid}.hobbies-list li,.languages-list li{color:#d9d3f0;padding-left:1rem;font-size:1rem;line-height:1.7;position:relative}.hobbies-list li:before,.languages-list li:before{content:"•";color:#c3b1e1;position:absolute;left:0}@media (width<=720px){.home-bottom{grid-template-columns:1fr}.languages-card{order:2}}.Ideas{text-align:left;background:#ffffff0a;border:1px solid #c3b1e12e;border-radius:24px;width:100%;max-width:700px;padding:1.75rem;box-shadow:0 18px 40px #0000002e}.ideas h3{color:#f4f1ff;margin-bottom:.75rem;font-size:1.8rem}.ideas p{color:#d9d3f0;margin-bottom:1rem;font-size:1rem;line-height:1.8}.ideas-list{gap:.85rem;padding-left:1rem;list-style:inside;display:grid}.ideas-list li{color:#d9d3f0;font-size:1rem;line-height:1.8}.cta-button{color:#f4f1ff;cursor:crosshair;background:0 0;border:1px solid #c3b1e159;border-radius:999px;padding:.75rem 1.75rem;font-size:1rem;transition:background .3s,transform .2s,border-color .3s}.cta-button:hover{background:#c3b1e11f;border-color:#c3b1e1;transform:translateY(-2px)}.secondary-button{color:#f4f1ff;cursor:crosshair;background:0 0;border:1px solid #c3b1e159;border-radius:999px;padding:.75rem 1.75rem;font-size:1rem;transition:background .3s,transform .2s,border-color .3s}.secondary-button:hover{background:#c3b1e11f;border-color:#c3b1e1;transform:translateY(-2px)}.projects-page h2{color:#f4f1ff;margin-bottom:2rem;font-size:2rem}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}@media (width<=760px){.projects-grid{grid-template-columns:1fr}}.project-card{background:#ffffff08;border:1px solid #c3b1e140;border-radius:16px;padding:1.5rem;transition:transform .3s,border-color .3s;box-shadow:0 16px 40px #00000059}.project-card:hover{border-color:#c3b1e1;transform:translateY(-6px)}.project-card h3{color:#f4f1ff;margin-bottom:.75rem}.project-card p{color:#d9d3f0;margin-bottom:1.25rem;font-size:.95rem}.project-link{color:#c3b1e1;font-weight:600;text-decoration:none;transition:color .3s}.project-link:hover{color:#e8dbff}.skills-wrap{flex-direction:column;gap:2rem;display:flex}.skill-header{text-align:center;border:1px solid #c3b1e133;border-radius:28px;padding:2.5rem 1.5rem 2rem;box-shadow:0 24px 60px #0003}.skill-header h2{color:#f4f1ff;margin-bottom:.75rem;font-size:clamp(1.8rem,3vw,2.4rem)}.skill-header p{color:#d9d3f0;max-width:640px;margin:0 auto;line-height:1.8}.skill-badge{text-transform:uppercase;letter-spacing:.2rem;color:#c3b1e1;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:inline-block}.skill-notes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.note-card{background:#ffffff0a;border:1px solid #c3b1e12e;border-radius:20px;padding:1.2rem 1.5rem}.note-card.accent{background:linear-gradient(135deg, #6e458133,)}.note-card h3{color:#f4f1ff;margin-bottom:.3rem;font-size:1rem}.note-card p{color:#d9d3f0;font-size:.9rem;line-height:1.6}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.tool-card{background:#ffffff08;border:1px solid #c3b1e133;border-radius:20px;padding:1.5rem;transition:transform .2s}.tool-card:hover{border-color:#c3b1e1;transform:translateY(-3px)}.tool-icon{color:#c3b1e1;margin-bottom:.75rem;font-size:1.6rem;display:flex}.tool-card h3{color:#f4f1ff;margin-bottom:.5rem;font-size:1.2rem}.tool-card p{color:#d9d3f0;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.tool-list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.tool-list li{color:#f4f1ff;background:#ffffff0a;border:1px solid #c3b1e129;border-radius:999px;padding:.4rem .8rem;font-size:.85rem}.essay{max-width:680px;margin:0 auto;padding:3rem 1.5rem 5rem}.essay-top{margin-bottom:3rem}.essay-label{text-transform:uppercase;letter-spacing:.25em;color:#6e4581;margin-bottom:1rem;font-size:.7rem;font-weight:700;display:inline-block}.essay-top h1{color:#f4f1ff;margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:600;line-height:1.15}.essay-intro{color:#d9d3f0;border-left:2px solid #56496b4d;padding-left:1.25rem;font-size:1.05rem;line-height:1.8}.essay-body{margin-bottom:2rem}.essay-body p{color:#d9d3f0;text-align:justify;margin-bottom:1.25rem;font-size:1rem;line-height:1.9}.essay-dropcap{float:left;color:#c3b1e1;padding-right:.4rem;font-size:3.2rem;font-weight:700;line-height:.85}.essay-quote{background:#c3b1e10d;border-left:3px solid #c3b1e1;border-radius:0 16px 16px 0;margin:2.5rem 0;padding:1.5rem 1.5rem 1.5rem 2rem}.essay-quote-icon{color:#6e4581;margin-bottom:.75rem;font-size:1.2rem}.essay-quote p{color:#e8dbff;margin-bottom:.5rem;font-size:1rem;font-style:italic;line-height:1.8}.essay-quote footer{color:#6e4581;font-size:.9rem;font-style:normal}.essay-tags{border-top:1px solid #c3b1e11a;flex-wrap:wrap;gap:.5rem;margin-top:3rem;padding-top:1.5rem;display:flex}.essay-tags span{color:#b9b2ce;border:1px solid #c3b1e126;border-radius:999px;padding:.3rem .8rem;font-size:.8rem}.contact-wrap{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.contact-head{text-align:center;max-width:560px}.contact-badge{text-transform:uppercase;letter-spacing:.2rem;color:#c3b1e1;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:inline-block}.contact-head h2{color:#f4f1ff;margin-bottom:.75rem;font-size:clamp(2rem,4vw,2.8rem)}.contact-head p{color:#d9d3f0;line-height:1.7}.contact-inner{grid-template-columns:1fr 1.2fr;align-items:start;gap:2rem;width:100%;max-width:860px;display:grid}.contact-info{background:#ffffff0a;border:1px solid #c3b1e12e;border-radius:24px;padding:2rem}.contact-head-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:1rem;display:flex}.contact-head-row h3{color:#f4f1ff;font-size:1.2rem}.contact-email-inline{color:#c3b1e1;word-break:break-all;font-size:.85rem}.contact-location{color:#d9d3f0;font-size:.95rem}.contact-divider{background:#c3b1e126;height:1px;margin:1.25rem 0}.contact-social{flex-direction:column;gap:.6rem;display:flex}.contact-social a{color:#d9d3f0;align-items:center;gap:.5rem;width:fit-content;padding:.4rem 0;font-size:.95rem;text-decoration:none;transition:color .2s;display:inline-flex}.contact-social a:hover{color:#c3b1e1}.contact-form{background:#ffffff0a;border:1px solid #c3b1e12e;border-radius:24px;padding:2rem}.field{margin-bottom:1rem}.field input,.field textarea{color:#f4f1ff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.85rem 1rem;font-size:.95rem;transition:border-color .2s}.field input::placeholder,.field textarea::placeholder{color:#8a84a0}.field input:focus,.field textarea:focus{border-color:#c3b1e1}.contact-btn{color:#0b0210;cursor:pointer;background:linear-gradient(135deg,#807593);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:1rem;font-weight:700;transition:opacity .2s;display:flex}.contact-btn:hover{opacity:.85}.sent-overlay{z-index:1000;background:#060513cc;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.sent-card{text-align:center;background:#0f0b22f5;border:1px solid #c3b1e13d;border-radius:24px;width:100%;max-width:340px;padding:2.5rem 2rem;box-shadow:0 20px 60px #00000080}.sent-icon{color:#0b0210;background:linear-gradient(135deg,#6e4581,#c3b1e1);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;font-size:1.4rem;display:inline-flex}.sent-card h3{color:#f4f1ff;margin-bottom:.5rem;font-size:1.4rem}.sent-card p{color:#d9d3f0;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.sent-card button{color:#0b0210;cursor:pointer;background:linear-gradient(135deg,#6e4581,#c3b1e1);border:none;border-radius:10px;padding:.7rem 2rem;font-size:.9rem;font-weight:700}@media (width<=660px){.contact-inner{grid-template-columns:1fr}}.footer{color:#f4f1ff;background:#c3b1e10f;border-top:1px solid #c3b1e126;margin-top:3rem;padding:2.5rem 0}.footer-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.footer-brand{flex-direction:column;gap:.2rem;display:flex}.footer-name{color:#f4f1ff;font-size:.95rem;font-weight:600}.footer-copy{color:#f4f1ff;font-size:.8rem}.social-links{gap:.75rem;display:flex}.social-links a{color:#f4f1ff;align-items:center;font-size:1.5rem;text-decoration:none;transition:color .3s,transform .3s;display:flex}.social-links a:hover{color:#c3b1e1;transform:scale(1.15)}@media (width<=768px){.nav-menu{gap:rem}.nav-link{padding:.5rem;font-size:.9rem}.hero h2{font-size:1.8rem}.footer-container{text-align:center;flex-direction:column;gap:1.25rem}}