@import url(https://fonts.cdnfonts.com/css/winterly-regular);@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);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}html{scroll-behavior:smooth}.royal-navbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140a02a6;border:2px solid gold;border-radius:16px;box-shadow:0 0 15px #ffd7004d;font-family:Great Vibes,cursive;left:50%;padding:10px 30px;position:fixed;top:20px;transform:translateX(-50%);z-index:999}.nav-links{display:flex;gap:40px;list-style:none;margin:0;padding:0;transition:max-height .4s ease}.royal-navbar a{color:gold;cursor:pointer;font-size:1.5em;text-decoration:none;transition:transform .2s ease,text-shadow .3s}.royal-navbar a:hover{color:#fffacd;text-shadow:0 0 8px gold}.royal-navbar a:active{transform:scale(1.2)}.nav-toggle{color:gold;cursor:pointer;display:none;font-size:2rem}@media (max-width:768px){.royal-navbar{height:7%;padding:10px 20px;top:17px;width:80%}.nav-toggle{display:block;position:absolute;right:20px;top:12px}.nav-links{align-items:center;background:#0a0502e6;border-radius:12px;flex-direction:column;gap:20px;margin-top:50px;max-height:0;overflow:hidden}.nav-links.open{max-height:300px;padding:10px 0}.royal-navbar a{font-size:1.3em}}.hero-container{font-family:Winterly Regular,serif;height:100vh;overflow:hidden;position:relative;width:100vw}.navbar{display:flex;gap:clamp(10px,2vw,20px);left:50%;position:absolute;top:20px;transform:translateX(-50%);z-index:2}.navbar a{border:2px solid #0000;color:#fff;font-size:clamp(1rem,1.2vw,1.1em);padding:6px 14px;text-decoration:none;transition:all .3s ease,transform .3s ease}.navbar a:hover{border-color:#0cf;transform:scale(1.15)}.hero-text{color:#fff;left:50%;max-width:960px;padding:0 2vw;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1}.hero-text .emoji{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:8px}.availability-badge{align-items:center;background:#111;border-radius:8px;color:#fff;display:inline-flex;font-family:Segoe UI,sans-serif;font-size:clamp(.85rem,1.1vw,1rem);gap:8px;margin-bottom:20px;padding:6px 16px}.green-dot{animation:glow 1.5s ease-in-out infinite;background:#00ff84;border-radius:50%;box-shadow:0 0 8px #00ff84;height:10px;width:10px}@keyframes glow{0%,to{box-shadow:0 0 8px #00ff84}50%{box-shadow:0 0 16px #00ff84}}.hero-title{color:#fffacd;font-family:Winterly Regular,serif;font-size:clamp(2rem,6vw,3.8rem);line-height:1.2;margin:10px 0}.hero-subtext{color:#ccc;font-family:Georgia,serif;font-size:clamp(1rem,2vw,1.3rem);margin:0 auto 20px;max-width:700px}.typewriter-wrapper{font-size:clamp(1rem,2vw,1.2em);margin-top:10px}.underline{-webkit-text-decoration:underline wavy #0cf;text-decoration:underline wavy #0cf;text-underline-offset:4px}@media (max-width:480px){.hero-text{padding:0 5vw}.hero-subtext{font-size:1rem}.hero-title{font-size:2.2rem}.typewriter-wrapper{font-size:1rem}}#root,body,html{background-color:#000!important;color:#fff;height:100%;margin:0;padding:0}.about-section{background-color:initial;min-height:100vh;overflow:hidden;position:relative;width:100%}.about-overlay{align-items:flex-start;justify-content:center;padding:14vh 5vw;position:relative;z-index:1}.about-container,.about-overlay{display:flex;flex-direction:column;gap:4rem}.about-container{font-family:Great Vibes,cursive;margin:0 auto;max-width:1400px;width:100%}.typewriter-wrapper{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700}.royal-style{background:radial-gradient(ellipse at center,#281405b3,#0a0502e6);border:2px solid gold;border-radius:20px;box-shadow:0 0 40px #ffd7004d;color:#fffbe6;padding:clamp(20px,4vw,50px);width:100%}.royal-style h2{color:#fffacd;font-size:clamp(2rem,4vw,3.5rem);margin-bottom:20px}.royal-style p{font-size:clamp(1rem,2vw,1.5rem);line-height:1.6}.royal-style ul{font-size:clamp(1rem,2.2vw,1.5rem);line-height:1.8;margin:0;padding-left:1em}.profile-circle{border:4px solid #0cf;border-radius:50%;box-shadow:0 0 25px #00ccff88;height:clamp(160px,22vw,240px);overflow:hidden;width:clamp(160px,22vw,240px)}.profile-circle img{height:100%;object-fit:cover;width:100%}.about-header-row{justify-content:center}@media (max-width:768px){.about-overlay{padding:10vh .1vw}.about-header-row{flex-direction:column;text-align:center}.profile-circle{margin:0 auto}}.about-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;width:90%}.about-header-row>.royal-style{flex:1 1;max-width:600px;min-width:280px}.about-header-row>.profile-circle{flex-shrink:0}@media (max-width:768px){.about-header-row{flex-direction:column;text-align:center!important}.profile-circle{margin:0 auto}.about-container{padding:0 1rem}.royal-style{width:80%}}.projects-section{color:#fffbe6;font-family:Great Vibes,cursive,sans-serif;height:auto;min-height:100vh;overflow:hidden;position:relative;width:100%}.projects-background{height:100%;position:absolute;width:100%;z-index:0}.flipbook-container{align-items:center;display:flex;justify-content:center;margin:14vh auto 0;padding:20px;position:relative;transform:scale(.95);width:auto;z-index:2}.page{background:radial-gradient(ellipse at center,#281405d9,#0a0502);box-shadow:0 0 30px #ffd7004d;box-sizing:border-box;color:#fffbe6;display:flex;flex-direction:column;justify-content:space-between;padding:30px 25px}.book-cover,.page{border:2px solid gold;border-radius:16px;height:100%;width:100%}.book-cover{background:radial-gradient(ellipse at center,#281405b3,#0a0502e6);box-shadow:0 0 40px #ffd70066;position:relative}.project-text-page h2{font-size:2.5em;margin:0;text-align:center}.project-text-page p{font-size:1.2em;margin-bottom:10px;text-align:center}.project-description ul{font-size:1.1em;line-height:1.5;margin:0;padding-left:20px}.project-description li{margin-bottom:8px}.image-page-container{height:100%;position:relative;width:100%}.project-image-auto{border:2px solid #0cf;border-radius:10px;height:100%;object-fit:contain;width:100%}.image-page-icon{background:#ffd700e6;border:2px solid #aa8d00;border-radius:8px;bottom:20px;box-shadow:0 0 6px #aa8c0080;color:#301a01;font-size:1.8em;left:50%;padding:6px 10px;position:absolute;text-decoration:none;transform:translateX(-50%);transition:transform .2s ease;z-index:10}.image-page-icon:hover{transform:translateX(-50%) scale(1.1)}.book-cover{align-items:center;color:gold;display:flex;font-size:2.5rem;justify-content:center;text-align:center;text-shadow:0 0 8px #ffd70080}@media (max-width:668px){.flipbook-container{padding:10px;transform:scale(1)}.project-text-page h2{font-size:1.2em}.project-description ul{font-size:.8em}.image-page-icon{font-size:1.4em;height:32px;line-height:30px;width:32px}}.skills-section{font-family:Great Vibes,cursive,sans-serif;min-height:100vh;overflow:hidden;position:relative;width:100%}.skills-overlay{align-items:center;display:flex;flex-wrap:wrap;gap:40px;height:100%;justify-content:center;padding:170px 20px;position:relative;z-index:1}.skill-card{background:radial-gradient(ellipse at center,#281405b3,#0a0502e6);border:3px solid gold;border-radius:20px;box-shadow:0 0 40px #ffd7004d;box-sizing:border-box;color:#fffbe6;font-family:Great Vibes,cursive;max-width:480px;padding:70px;position:relative;text-align:center;width:100%}.skill-card h2{border-bottom:2px solid gold;font-size:2.2em;margin-bottom:18px}.hole{border-radius:50%;height:80px;margin:0 auto 20px;width:80px}.white-hole{background:radial-gradient(circle,#fff,#ccc)}.black-hole{background:radial-gradient(circle,#000,#333)}.ribbon-container{height:60px;margin-bottom:14px;overflow:hidden;position:relative}.ribbon{align-items:center;background:#ffd7004d;border-radius:8px;box-shadow:0 0 6px #00000080;display:flex;font-size:1.2em;gap:8px;padding:10px 14px;position:absolute;white-space:nowrap}.ribbon svg{font-size:1.4em}.ribbon-out{animation:glide-out 24s linear infinite;color:#aaf0ff}.ribbon-in{animation:glide-in 24s linear infinite;color:#aad400}.cold-sun{bottom:16px;font-size:2.4em;opacity:.6;position:absolute;right:16px}@keyframes glide-out{0%{opacity:0;transform:translateX(100%)}10%,90%{opacity:1}to{opacity:0;transform:translateX(-100%)}}@keyframes glide-in{0%{opacity:0;transform:translateX(-100%)}10%,90%{opacity:1}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.skills-overlay{flex-direction:column;gap:30px;padding:60px 10px}.skill-card{max-width:90%;padding:24px}.cold-sun{bottom:12px;font-size:2em;right:12px}.hole{height:60px;width:60px}.ribbon{font-size:1em;padding:8px 10px}}.contact-section{min-height:100vh;overflow:hidden;position:relative;width:100%}.background-canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.contact-overlay{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:flex-start;padding:110px 80px 60px;position:relative;z-index:1}.contact-card{background:radial-gradient(ellipse at center,#281405b3,#0a0502e6);border:3px solid gold;border-radius:20px;box-shadow:0 0 40px #ffd7004d;color:#fffbe6;display:flex;flex-direction:column;font-family:Great Vibes,cursive;gap:20px;max-width:none;padding:40px;width:90%}.contact-card h2{border-bottom:2px solid gold;font-size:5em;margin-bottom:10px;padding-bottom:6px}.contact-card p{font-size:3em;line-height:1.6;margin-bottom:20px}.contact-card label{display:flex;flex-direction:column;font-size:1.4em;gap:6px}.contact-card input,.contact-card textarea{border:none;border-radius:6px;font-family:inherit;font-size:1em;padding:10px 14px}.send-btn{align-self:flex-start;background:none;border:none;cursor:pointer;margin-top:10px}.leaf-icon{color:#ffdd57;font-size:3em;transition:transform .2s}.send-btn:hover .leaf-icon{transform:scale(1.2) rotate(-10deg)}@media (max-width:1024px){.contact-overlay{justify-content:center;padding:40px}.contact-card{padding:30px;width:100%}.contact-card h2{font-size:3.2em}.contact-card p{font-size:2em}}@media (max-width:600px){.contact-overlay{padding:30px 20px}.contact-card{padding:25px;width:100%}.contact-card h2{font-size:2.4em}.contact-card p{font-size:1.6em}.leaf-icon{font-size:2em}}
/*# sourceMappingURL=main.16eddb9e.css.map*/