@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap";.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:100%;box-shadow:0 0 5px #fffc;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}:root{--soft-blue: #6bd1ff;--soft-purple: #a682ff;--soft-pink: #ff7eb6;--dark-bg: #1a1a1a;--light-text: #e0e0e0;--glow: 0 0 8px rgba(107, 209, 255, .5), 0 0 16px rgba(107, 209, 255, .3)}@keyframes spaceAnimation{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease-in-out}html,body{height:100%;margin:0;padding:0}body{background:linear-gradient(45deg,#0d0d0d,#1a1a1a,#0d0d0d);background-size:2000% 200%;color:var(--light-text);font-family:Roboto,sans-serif;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}#root{flex:1;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box;text-align:center}nav{display:flex;font-family:sans-serif;justify-content:center;padding:15px;width:100%;box-sizing:border-box;animation:fadeIn 1.5s ease-in-out}nav a{margin:0 20px;font-weight:500;font-size:1rem;color:var(--soft-purple);text-decoration:none;transition:color .3s ease,text-shadow .3s ease}nav a:hover{color:var(--soft-pink);text-shadow:0 0 8px rgba(255,126,182,.5),0 0 16px rgba(255,126,182,.3)}.home{min-height:80vh}.home h1{font-size:5rem;color:var(--soft-blue);text-shadow:var(--glow)}.home p{font-size:1.2rem;color:var(--soft-purple);text-shadow:var(--glow)}.cta-button{display:inline-block;margin-top:20px;padding:10px 20px;background-color:var(--soft-blue);color:var(--dark-bg);border-radius:5px;text-transform:uppercase;font-weight:600;box-shadow:var(--glow);transition:background-color .3s ease,box-shadow .3s ease}.cta-button:hover{background-color:var(--soft-pink);box-shadow:0 0 8px #ff7eb680,0 0 16px #ff7eb64d}.about{min-height:80vh}.about h1{font-size:2.5rem;color:var(--soft-blue);text-shadow:var(--glow)}.about p{font-size:1.1rem;line-height:1.8}.projects{min-height:80vh}.projects h1{font-size:2.5rem;color:var(--soft-blue);text-shadow:var(--glow)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.project-card{background-color:#00000080;padding:20px;border-radius:8px;border:1px solid var(--soft-blue);box-shadow:var(--glow);transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 0 12px #6bd1ffb3,0 0 24px #6bd1ff80}.project-card h3{color:var(--soft-purple);text-shadow:var(--glow)}.project-card p{color:var(--light-text)}.project-card a{color:var(--soft-purple);text-shadow:var(--glow)}.contact{min-height:80vh}.contact h1{font-size:2.5rem;color:var(--soft-blue);text-shadow:var(--glow)}.contact p{font-size:1rem;line-height:1.8}.contact a{color:var(--soft-blue);text-shadow:var(--glow)}.contact-form{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:20px auto}.contact-form label{display:flex;flex-direction:column;font-weight:700;color:#fff}.contact-form input,.contact-form textarea{padding:8px;border-radius:5px;border:1px solid #ccc;font-size:1rem}.contact-form button{padding:10px;background-color:var(--soft-purple);border:none;border-radius:5px;cursor:pointer;font-size:1rem;color:#000;font-weight:700}.contact-form button:hover{background-color:var(--soft-blue)}.success-message h2{line-height:100%}footer{text-align:center;padding:20px;width:100%;box-sizing:border-box;animation:fadeIn 1.5s ease-in-out}.footer-links{display:flex;justify-content:center;gap:20px}.footer-links a{color:var(--soft-purple);text-decoration:none;font-weight:500;transition:color .3s ease,text-shadow .3s ease}.footer-links a:hover{color:var(--soft-pink);text-shadow:0 0 8px rgba(255,126,182,.5),0 0 16px rgba(255,126,182,.3)}.footer-links i{font-size:5rem}@media screen and (max-width: 768px){body{padding:10px}nav a{font-size:.9rem;margin:0 10px}.home h1{font-size:3rem}.home p{font-size:1rem}.cta-button{padding:8px 15px;font-size:.9rem}.projects-grid{grid-template-columns:1fr}.project-card{padding:15px}.footer-links i{font-size:4rem}}@media screen and (max-width: 480px){.home h1{font-size:2rem}.home p{font-size:.9rem}.cta-button{padding:6px 12px;font-size:.8rem}.about h1,.projects h1,.contact h1{font-size:2rem}.about p,.projects p,.contact p{font-size:1rem}.project-card h3{font-size:1.2rem}.footer-links i{font-size:3.5rem}}