.app-section{position:relative;background:rgba(var(--purple-light-rgb),.9);color:var(--text-dark);padding:40px 20px;margin-bottom:30px;border-radius:12px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(var(--purple-medium-rgb),.5);box-shadow:0 4px 20px var(--shadow-light);max-width:900px;margin-left:auto;margin-right:auto;text-align:center;opacity:0;transform:translateY(20px);animation:fadeInSlideUp .8s ease-out forwards}@keyframes fadeInSlideUp{to{opacity:1;transform:translateY(0)}}.welcome-section{animation-delay:.2s}.about-section{animation-delay:.4s}.projects-section{animation-delay:.6s}.contact-section{animation-delay:.8s}.section-content{max-width:800px;margin:0 auto}.app-section h1,.app-section h2,.app-section h3{color:var(--purple-text);margin-bottom:15px;font-weight:700}.app-section h1{font-size:3.5em}.app-section h2{font-size:2.8em}.app-section h3{font-size:2em}.app-section p{font-size:1.15em;line-height:1.7;margin-bottom:15px;color:var(--text-medium)}.app-section ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px}.app-section ul li{background-color:rgba(var(--purple-medium-rgb),.7);padding:10px 18px;border-radius:25px;font-size:1em;border:1px solid rgba(var(--purple-dark-rgb),.5);color:var(--purple-text);transition:background-color .3s ease,transform .2s ease}.app-section ul li:hover{background-color:rgba(var(--purple-medium-rgb),.2);transform:translateY(-3px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmin(300px,1fr));gap:30px;margin-top:40px}.project-card{background-color:rgba(var(--purple-lightest-rgb),.8);padding:25px;border-radius:10px;text-align:left;box-shadow:0 3px 10px var(--shadow-medium);border:1px solid rgba(var(--purple-medium-rgb),.6);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-dark);border-color:var(--purple-dark)}.project-card h3{font-size:1.6em;margin-top:0;margin-bottom:12px;color:var(--purple-text)}.project-card p{font-size:1em;margin-bottom:18px;color:var(--text-light)}.project-card a{display:inline-block;background:var(--purple-medium);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:700;transition:background-color .3s ease,transform .2s ease}.project-card a:hover{background-color:var(--purple-dark);transform:translateY(-2px)}.contact-links a{color:var(--purple-text);text-decoration:none;font-weight:700;transition:color .3s ease}.contact-links a:hover{text-decoration:underline;color:var(--purple-deep)}@media (max-width: 768px){.app-section{padding:30px 15px;margin-bottom:25px}.app-section h1{font-size:2.8em}.app-section h2{font-size:2.2em}.app-section h3{font-size:1.6em}.app-section p{font-size:1em}.projects-grid{grid-template-columns:1fr;gap:20px}}body{margin:0;overflow:hidden;width:100vw;height:100vh}#root{max-width:100vw;margin:0;padding:0;text-align:center;width:100%;height:100%}.App{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:transparent}.content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;pointer-events:auto;z-index:10;padding-top:50px;padding-bottom:50px;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.content-overlay::-webkit-scrollbar{display:none}.overlay-content h1{font-size:3em;margin-bottom:.5em}.overlay-content p{font-size:1.2em}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-dark);background-color:var(--purple-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--purple-lightest: #F5EEF8;--purple-light: #E7DBEC;--purple-medium: #BF93D0;--purple-dark: #A562B8;--purple-text: #8E44AD;--purple-deep: #6C3483;--purple-lightest-rgb: 245, 238, 248;--purple-light-rgb: 231, 219, 236;--purple-medium-rgb: 191, 147, 208;--purple-dark-rgb: 165, 98, 184;--purple-text-rgb: 142, 68, 173;--purple-deep-rgb: 108, 52, 131;--text-dark: #333333;--text-medium: #555555;--text-light: #666666;--shadow-light: rgba(0, 0, 0, .08);--shadow-medium: rgba(0, 0, 0, .12);--shadow-dark: rgba(0, 0, 0, .18)}a{font-weight:500;color:var(--purple-text);text-decoration:inherit;transition:color .3s ease}a:hover{color:var(--purple-deep)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;color:var(--purple-text)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--purple-medium);cursor:pointer;transition:border-color .25s,background-color .25s;color:#fff}button:hover{border-color:var(--purple-dark);background-color:var(--purple-dark)}button:focus,button:focus-visible{outline:4px auto var(--purple-dark)}@media (prefers-color-scheme: light){:root{color:var(--text-dark);background-color:var(--purple-light)}a:hover{color:var(--purple-deep)}button{background-color:var(--purple-medium);color:#fff}}