.aquarium-plants{position:absolute;bottom:50px;left:0;width:100%;height:auto;z-index:1;pointer-events:none}.val-container{position:absolute;bottom:0;display:flex;gap:5px}.val-left{left:5%}.val-right{right:5%}.blade{width:8px;height:180px;background:linear-gradient(to top,#166534,#4ade80);border-radius:50% 50% 0 0;transform-origin:bottom;animation:sway 4s ease-in-out infinite alternate}.blade:nth-child(2){height:220px;animation-delay:-1s}.blade:nth-child(3){height:160px;animation-delay:-2s}.anubias{position:absolute;bottom:10px}.anubias-left{left:15%}.anubias-right{right:15%}.leaf{position:absolute;width:40px;height:60px;background:#166534;border-radius:2px 40px 5px;border-bottom:3px solid #064e3b;transform-origin:bottom left}.leaf-1{transform:rotate(-30deg);bottom:70px}.leaf-2{transform:rotate(10deg) scale(.8);bottom:75px;left:10px}.leaf-3{transform:rotate(50deg) scale(1.1);bottom:80px;left:15px}.moss-ball{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:60px;height:55px;background:#3f6212;border-radius:50%;filter:blur(1px);box-shadow:inset -10px -10px 20px #0006,0 0 10px #3f621280}.substrate{position:absolute;bottom:0;width:100%;height:20px;background:#262626;z-index:2}.reef-structure{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:600px;height:250px;z-index:4;pointer-events:none}.coral{position:absolute;bottom:0;filter:drop-shadow(0 8px 20px rgba(0,0,0,.5))}.coral-1{left:10px;width:80px;height:140px;background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:inset -20px -10px 20px #00000080,0 8px 20px #ea580cb3;border-radius:40% 40% 0 0;clip-path:polygon(20% 0%,80% 0%,100% 30%,95% 70%,85% 100%,15% 100%,5% 70%,0% 30%)}.coral-2{left:120px;width:70px;height:180px;background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:inset -15px -10px 18px #00000080,0 8px 20px #d97706b3;animation:sway 3s ease-in-out infinite alternate;border-radius:50% 50% 0 0/100% 100% 0 0;clip-path:polygon(10% 0%,35% 5%,50% 0%,65% 5%,90% 0%,100% 40%,90% 80%,60% 100%,40% 100%,10% 80%,0% 40%)}.coral-3{left:230px;width:100px;height:160px;background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:inset -22px -10px 22px #00000080,0 8px 20px #dc2626b3;animation:sway 4s ease-in-out infinite alternate;animation-delay:-1s;border-radius:45% 45% 0 0;clip-path:polygon(15% 0%,35% 8%,50% 0%,65% 8%,85% 0%,95% 25%,100% 60%,85% 95%,50% 100%,15% 95%,0% 60%,5% 25%)}.coral-4{left:360px;width:75px;height:190px;background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:inset -18px -10px 18px #00000080,0 8px 20px #b91c1cb3;animation:sway 3.5s ease-in-out infinite alternate;animation-delay:-.5s;border-radius:50% 50% 0 0/100% 100% 0 0;clip-path:polygon(5% 10%,20% 5%,35% 12%,50% 0%,65% 12%,80% 5%,95% 10%,100% 45%,90% 85%,70% 100%,30% 100%,10% 85%,0% 45%)}.coral-5{left:460px;width:55px;height:120px;background:linear-gradient(135deg,#f97316,#fb923c);top:40px;box-shadow:inset -13px -7px 13px #0006,0 6px 16px #f97316b3;animation:sway 2.5s ease-in-out infinite alternate;animation-delay:-1.5s;border-radius:30% 30% 0 0;clip-path:polygon(30% 0%,70% 0%,85% 20%,90% 60%,70% 100%,30% 100%,10% 60%,15% 20%)}.coral-6{left:40px;width:65px;height:150px;background:linear-gradient(135deg,#f59e0b,#fbbf24);top:30px;box-shadow:inset -16px -8px 16px #0006,0 8px 20px #f59e0bb3;animation:sway 3.2s ease-in-out infinite alternate;animation-delay:-.8s;border-radius:60% 60% 0 0;clip-path:polygon(20% 0%,45% 10%,50% 0%,55% 10%,80% 0%,100% 35%,85% 85%,50% 100%,15% 85%,0% 35%)}.coral-7{left:170px;width:60px;height:130px;background:linear-gradient(135deg,#ef4444,#fca5a5);top:50px;box-shadow:inset -14px -8px 14px #0006,0 8px 20px #ef4444b3;animation:sway 2.8s ease-in-out infinite alternate;animation-delay:-1.2s;border-radius:35% 35% 0 0;clip-path:polygon(25% 0%,50% 5%,75% 0%,90% 30%,85% 75%,50% 100%,15% 75%,10% 30%)}.coral-8{left:310px;width:70px;height:110px;background:linear-gradient(135deg,#fb923c,#fdba74);box-shadow:inset -16px -7px 16px #0006,0 8px 20px #fb923cb3;animation:sway 3.3s ease-in-out infinite alternate;animation-delay:-.3s;border-radius:50% 50% 0 0/100% 100% 0 0;clip-path:polygon(15% 0%,40% 8%,50% 2%,60% 8%,85% 0%,100% 40%,85% 90%,50% 100%,15% 90%,0% 40%)}.coral-9{left:410px;width:50px;height:100px;background:linear-gradient(135deg,#ea580c,#fb923c);top:60px;box-shadow:inset -12px -6px 12px #0006,0 6px 16px #ea580c99;animation:sway 2.6s ease-in-out infinite alternate;animation-delay:-1.8s;border-radius:45% 45% 0 0;clip-path:polygon(30% 0%,60% 5%,70% 0%,85% 25%,80% 75%,50% 100%,20% 75%,15% 25%)}@keyframes sway{0%{transform:rotate(-2deg) skew(1deg)}to{transform:rotate(3deg) skew(-2deg)}}@media (max-width: 768px){.blade{height:120px}.blade:nth-child(2){height:150px}.blade:nth-child(3){height:110px}}.header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;color:#111827}.header-left{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.logo{width:1.5rem;height:1.5rem;color:#3b82f6}.title{font-size:1.25rem;font-weight:700}.title:hover{color:#3b82f6}.nav{display:none;gap:2rem}.nav a{text-decoration:none;font-size:.875rem;font-weight:500;color:#4b5563}.nav a:hover{color:#3b82f6}.menu-btn{background:none;border:none;cursor:pointer}@media (min-width: 768px){.nav{display:flex}.menu-btn{display:none}}@media (prefers-color-scheme: dark){.header{background-color:#111827;border-bottom-color:#374151;color:#f9fafb}.nav a{color:#d1d5db}.nav a:hover,.title:hover{color:#3b82f6}}.footer{padding:2.5rem 1.25rem 3.5rem;text-align:center;color:#cbd5e1;border-top:1px solid rgba(14,165,233,.2);background:#001a33;position:relative;z-index:3;margin-top:auto}.footer a{margin:0 1rem;text-decoration:none;color:inherit;transition:color .3s ease}.footer a:hover{color:#0ea5e9}.footer-text{margin-top:1rem;font-size:.875rem}@media (prefers-color-scheme: dark){.footer{background:#0b1f33;border-top-color:#374151;color:#9ca3af}.footer a:hover{color:#3b82f6}}.home-page{font-family:Arial,sans-serif;color:#dce1ed;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.aquarium-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(to bottom,#001a33,#036,#004d80)}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.background-video{width:100%;height:100%;object-fit:cover;position:absolute}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0d1930b3;z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.home-main{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:40px 20px;text-align:center;min-height:calc(100vh - 45px);position:relative;z-index:2}.home-page header,.home-page footer{position:relative;z-index:3}.home-content{display:flex;flex-direction:column;gap:24px;max-width:800px;width:100%;align-items:center;position:relative;z-index:3}.home-text h1{font-size:2.5rem;font-weight:900;line-height:1.2;margin-bottom:16px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.highlight{color:#60a5fa;text-shadow:0 0 15px rgba(59,130,246,.8)}.home-text h2{font-size:1.125rem;font-weight:400;line-height:1.6;max-width:600px;margin:0 auto;text-shadow:0 1px 5px rgba(0,0,0,.5)}.home-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:32px}.btn{display:flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 28px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.primary-btn{background-color:#0ea5e9;color:#fff;border:none;box-shadow:0 4px 14px #0ea5e966}.primary-btn:hover{background-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e999}.secondary-btn{background-color:#11182799;color:#e0f2fe;border:2px solid #0ea5e9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.secondary-btn:hover{border-color:#38bdf8;color:#fff;transform:translateY(-2px);background-color:#0ea5e933}@media (min-width: 640px){.home-text h1{font-size:3rem}.home-text h2{font-size:1.25rem}}@media (min-width: 768px){.home-text h1{font-size:3.75rem}.home-text h2{font-size:1.25rem}}.about-page{font-family:Arial,sans-serif;background-color:#001a33;color:#dce1ed;min-height:100vh;position:relative;overflow:hidden}.about-container{display:flex;flex-direction:row;max-width:1200px;margin:0 auto;padding:2rem;gap:2rem;position:relative;z-index:2}.sidebar{flex:0 0 250px;display:flex;flex-direction:column;gap:1.5rem;background-color:#1f293780;border:1px solid rgba(14,165,233,.3);border-radius:1rem;padding:1.5rem;position:sticky;top:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:fit-content}.sidebar-top{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(14,165,233,.2)}.profile-picture{width:64px;height:64px;border-radius:50%;background-position:center;background-size:cover}.profile-info{display:flex;flex-direction:column;gap:.25rem}.profile-info h1{margin:0;font-size:1.25rem;font-weight:700;color:#e0f2fe}.profile-info p{margin:0;font-size:.875rem;color:#cbd5e1}.sidebar-links{display:flex;flex-direction:column;gap:0rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;color:#cbd5e1;font-weight:500;transition:all .3s ease}.sidebar-link p{margin:0}.sidebar-link:hover{background-color:#0ea5e933;color:#0ea5e9}.sidebar-link svg{font-size:1.25rem;color:#94a3b8;min-width:20px}.sidebar-link:hover svg{color:#0ea5e9}.sidebar-link.active{background-color:#0ea5e940;color:#0ea5e9}.sidebar-link.active svg{color:#0ea5e9}.download-cv{width:100%;height:40px;background-color:#0ea5e9;color:#fff;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #0ea5e966;margin-top:auto}.download-cv:hover{background-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e999}.about-main{flex:1;display:flex;flex-direction:column;gap:2rem}.page-title{font-size:1.5rem;font-weight:700;border-bottom:2px solid rgba(14,165,233,.3);color:#e0f2fe;text-shadow:0 1px 5px rgba(0,0,0,.5);padding-bottom:1rem}.section{background-color:#1f293766;border-radius:1rem;border:1px solid rgba(14,165,233,.2);padding:1rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header{display:flex;align-items:center;gap:.75rem;color:#0ea5e9}.section h2{font-size:1.375rem;font-weight:700;margin-bottom:1rem;color:#e0f2fe;text-shadow:0 1px 5px rgba(0,0,0,.5)}.timeline{display:flex;flex-direction:column;margin-left:2.25rem}.timeline-content{margin:0rem}.timeline-content .title{color:#e0f2fe;font-weight:600}.timeline-content .subtitle{font-weight:500;color:#cbd5e1;margin:.5rem 0rem}.experience{display:flex;flex-direction:column;gap:1.5rem;margin-left:2.25rem;margin-bottom:1rem}.experience-item{display:flex;gap:1rem}.experience-item .title{font-weight:600;color:#e0f2fe}.experience-item .subtitle{font-weight:500;color:#cbd5e1}.experience-item .date{font-size:.75rem;color:#94a3b8}.experience-item ul{margin:.5rem 0 0 1rem}.experience-item ul li{color:#cbd5e1;margin:.5rem 0}.skills-grid{display:flex;gap:2rem;flex-wrap:wrap}.skill-category{flex:1}.skill-bar{margin-bottom:1rem}.skill-bar span{display:flex;justify-content:space-between}.skill-bar .bar{width:100%;height:8px;background-color:#94a3b84d;border-radius:4px;overflow:hidden;margin-top:.25rem}.skill-bar .bar div{height:100%;background-color:#0ea5e9;border-radius:4px}.soft-skills span{display:inline-block;background-color:#0ea5e933;color:#0ea5e9;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.interest-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:#0ea5e91a;border-radius:.5rem;padding:1rem;text-align:center;color:#cbd5e1}.interest-item span{font-size:2rem;color:#0ea5e9}@media (prefers-color-scheme: dark){.about-page{background-color:#001a33;color:#dce1ed}.sidebar{background-color:#1f293780;border-color:#0ea5e94d}.profile-info h1{color:#e0f2fe}.profile-info p,.sidebar-link{color:#cbd5e1}.sidebar-link svg{color:#94a3b8}.sidebar-link.active{background-color:#0ea5e940;color:#0ea5e9}.sidebar-link.active svg{color:#0ea5e9}.download-cv{background-color:#0ea5e9;color:#fff}.section{background-color:#1f293766;border-color:#0ea5e933}.experience-item .subtitle,.experience-item .date,.experience-item ul li{color:#cbd5e1}.skill-bar .bar{background-color:#94a3b84d}.soft-skills span{background-color:#0ea5e933;color:#0ea5e9}.interest-item{background-color:#0ea5e91a;color:#cbd5e1}}.project-card{display:flex;flex-direction:column;border-radius:1rem;overflow:hidden;background:#1f293766;border:1px solid rgba(14,165,233,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000004d;transition:all .3s ease}.project-card:hover{transform:translateY(-4px);border-color:#0ea5e980;box-shadow:0 8px 16px #0ea5e933}.project-image{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center}.content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.content h3{margin:0;font-size:1.25rem;font-weight:700;color:#e0f2fe}.content p{flex-grow:1;margin:.5rem 0 1rem;font-size:.875rem;color:#cbd5e1}.content a{align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;border-radius:.5rem;color:#0ea5e9;border:1px solid #0ea5e9;transition:.3s}.content a:hover{background:#0ea5e9;color:#fff}@media (prefers-color-scheme: dark){.project-card{background:#1f293766;border-color:#0ea5e933;box-shadow:0 4px 6px #0000004d}.content h3{color:#e0f2fe}.content p{color:#cbd5e1}.content a{color:#0ea5e9;border-color:#0ea5e9}.content a:hover{background:#0ea5e9;color:#fff}}.projects-page{font-family:Arial,sans-serif;background-color:#001a33;color:#dce1ed;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.projects-main{flex-grow:1;padding:32px 20px;max-width:1200px;margin:0 auto;position:relative;z-index:2}.projects-header h1{font-size:2rem;font-weie0f2fe;text-shadow:0 2px 10px rgba(0,0,0,.5)}.projects-header p{font-size:1rem;color:#cbd5e1m;font-weight:400;color:#96a1b2}.projects-filters{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.filter-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;rgba(31,41,55,.5);border:1px solid rgba(14,165,233,.3);color:#cbd5e1;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover{background-color:#0ea5e933;border-color:#0ea5e9;color:#0ea5e9}.filter-btn.active{background-color:#0ea5e940;border-color:#0ea5e9;color:#0ea5e9#2563eb;color:#2563eb}.projects-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 640px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(4,1fr)}.projects-header h1{font-size:3rem}.projects-header p{font-size:1.125rem}}.contact-page{font-family:Arial,sans-serif;background-color:#001a33;color:#dce1ed;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.contact-container{max-width:960px;margin:0 auto;padding:40px 20px;position:relative;z-index:2;flex:1}.contact-title{font-size:2.5rem;font-weight:900;margin-bottom:40px;color:#e0f2fe;text-shadow:0 2px 10px rgba(0,0,0,.5)}.contact-content{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.contact-form-section{flex:1;min-width:300px;background-color:#1f293766;border:1px solid rgba(14,165,233,.2);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-info-section{flex:1;min-width:300px;background-color:#1f293766;border:1px solid rgba(14,165,233,.2);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1.5rem}.status-message{padding:15px;margin-bottom:20px;border-radius:8px;border-left:4px solid}.status-message.error{background-color:#ef44441a;color:#fca5a5;border-left-color:#ef4444}.status-message.success{background-color:#22c55e1a;color:#86efac;border-left-color:#22c55e}.status-message.loading{background-color:#0ea5e91a;color:#0ea5e9;border-left-color:#0ea5e9}.contact-form label{display:flex;flex-direction:column;margin-bottom:20px}.contact-form label span{font-weight:500;margin-bottom:6px;color:#e0f2fe}.contact-form input,.contact-form textarea{padding:15px;font-size:1rem;border:1px solid rgba(14,165,233,.3);border-radius:8px;resize:none;background-color:#0f172a80;color:#e0f2fe;transition:all .3s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94a3b8}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#0ea5e9;background-color:#0f172ab3;box-shadow:0 0 0 3px #0ea5e91a}.contact-form textarea{min-height:150px}.contact-form .form-row{display:flex;gap:20px;flex-wrap:wrap}.contact-form button{padding:12px 32px;font-weight:700;background-color:#0ea5e9;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #0ea5e966;width:100%}.contact-form button:disabled{opacity:.6;cursor:not-allowed}.contact-form button:hover:not(:disabled){background-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e999}.contact-info{display:flex;align-items:center;gap:12px;margin-bottom:15px;text-decoration:none;color:#cbd5e1;transition:all .3s ease}.contact-info:hover{color:#0ea5e9}.contact-info-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:#cbd5e1;padding:1rem;border-radius:.5rem;transition:all .3s ease;background-color:#0ea5e90d}.contact-info-item:hover{color:#0ea5e9;background-color:#0ea5e926;transform:translate(4px)}.contact-info-item svg{font-size:1.5rem;color:#0ea5e9}.contact-icon{font-size:1.5rem}.contact-text{font-weight:500}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%}#root{width:100%}