.underwater-container{background:linear-gradient(to bottom,#0d1b2a,#1b263b);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;color:#f0f8ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:relative}.underwater-title{font-size:2.5rem;color:#90e0ef;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,255,255,.5);animation:shimmer 3s infinite}.floating-text-button{color:#fff;font-size:1.2rem;cursor:pointer;text-shadow:0 0 10px #00ffff;transition:transform .3s ease,color .3s ease}.underwater-container2{background:linear-gradient(180deg,#0c1b3a,#1f3a60);height:100vh;overflow:hidden;position:relative;color:#fff}.underwater-title2{position:absolute;top:1rem;width:100%;text-align:center;font-size:2.5rem;color:#90cdf4;z-index:1}.floating-text-button:hover{transform:scale(1.2);color:#ffdd57}.underwater-description{text-align:center;margin-top:1.5rem;padding:1rem 2rem;color:#f0f8ff;font-size:1rem;background:#00003233;border-top:1px solid rgba(255,255,255,.1)}.underwater-description p{margin-bottom:.5rem;line-height:1.6}.underwater-links{margin-top:.5rem}.underwater-links a{margin:0 1rem;color:#90cdf4;font-weight:700;text-decoration:none;transition:color .3s ease}.underwater-links a:hover{color:#fff}.floating-bio{pointer-events:auto;position:relative;background:#001e3cb3;padding:1rem 1.5rem;border-radius:12px;color:#e0f7fa;text-align:center;font-size:.9rem;max-width:90vw;width:600px;line-height:1.5;overflow:hidden}.floating-bio:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,transparent 70%);animation:shimmer 6s infinite linear;pointer-events:none}.floating-bio button{margin:0 .5rem;padding:.4rem 1rem;font-weight:700;border:none;border-radius:6px;background:#00bcd4;color:#fff;cursor:pointer;transition:transform .2s,background-color .3s}.floating-bio button:hover{transform:scale(1.1);background-color:#008fa1}.floating-bio p{animation:flicker 4s infinite ease-in-out}.floating-bio.wide{animation:floatWave 6s ease-in-out infinite;transform-origin:center;width:750px;max-width:95vw;padding:2rem;font-size:.95rem;text-align:left;background:#001e3ccc;border-radius:12px;color:#e0f7fa;overflow-y:auto;max-height:75vh}.floating-bio h3,.floating-bio h4{color:#90cdf4;margin-top:1rem}.floating-bio ul{padding-left:1rem}.floating-bio li{margin-bottom:.5rem;line-height:1.5}.resume-download-btn{background-color:#04fc;color:#fff;padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1rem;transition:transform .3s ease;box-shadow:0 0 10px #00bfff88}.resume-download-btn:hover{transform:scale(1.1);background-color:#06f;box-shadow:0 0 15px #0ffa}.project-card{width:300px;padding:16px;background:;border-radius:12px;box-shadow:0 4px 12px #0003}@keyframes floatWave{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(.4deg) translateY(-5px)}}@keyframes flicker{0%,to{text-shadow:0 0 6px rgba(173,216,230,.6)}50%{text-shadow:0 0 10px rgba(173,216,230,1)}}@keyframes shimmer{0%{text-shadow:0 0 10px rgba(0,255,255,.3)}50%{text-shadow:0 0 20px rgba(0,255,255,.8)}to{text-shadow:0 0 10px rgba(0,255,255,.3)}}.navbar{position:fixed;top:20px;right:30px;z-index:1000}.signin-button{color:#fff;padding:10px 18px;border-radius:6px;font-weight:700;text-decoration:none;font-size:.95rem;box-shadow:0 0 12px #00d0ff66;transition:all .3s ease}.signin-button:hover{background-color:#009cd7;box-shadow:0 0 20px #0ff9}canvas{width:100vw!important;height:100vh!important;display:block;position:fixed;top:0;left:0;z-index:0}.signin-canvas-container{height:100vh;width:100vw;overflow:hidden;position:relative;background:linear-gradient(180deg,#0c1b3a,#1f3a60);color:#fff}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:transparent!important;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.signin-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:transparent;z-index:1}.signin-box{background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:2rem;width:340px;box-shadow:0 0 20px #00c3ff66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:2;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}input{padding:10px;border:none;border-radius:6px;font-size:1rem;background-color:#ffffff1a;color:#fff;outline:none}input::placeholder{color:#ccc}button{padding:10px;background-color:#00bfff;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#0077b6}.toggle-text{margin-top:1rem;font-size:.9rem;text-align:center;color:#ddd}.toggle-button{background:none;border:none;color:#00c3ff;font-weight:700;margin-left:.3rem;cursor:pointer;text-decoration:underline}