@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&family=Playfair+Display:wght@700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-button:single-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent!important}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) #0a192f}html,body{scroll-behavior:smooth;border:none!important;box-shadow:none!important;outline:none!important}body{font-family:Manrope,sans-serif;background:#0a192f;min-height:100vh;position:relative}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body:before,body:after,html:before,html:after,*:before,*:after{background:none!important;box-shadow:none!important;opacity:0!important;pointer-events:none!important;z-index:-9999!important}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(12,55,87,.2),transparent 40%),radial-gradient(circle at 80% 70%,rgba(134,181,197,.2),transparent 40%);animation:auroraMove 20s ease-in-out infinite;pointer-events:none;z-index:-1}:root{--background: #E8F1F2;--text-color: #ffffff;--header-gradient-start: #B3E0FF;--header-gradient-end: #7FCDFF;--section-background: white;--project-background: #F0F8FF;--nav-background: #247BA0;--nav-text: white;--accent-color: #006494;--shadow-color: rgba(0, 0, 0, .1);--shadow-hover: rgba(0, 0, 0, .1);--border-color: #006494;--border-radius: 40px;--component-padding: 2rem;--component-margin: 2rem;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 24px 48px rgba(0, 0, 0, .15);--glass-shadow-hover: 0 32px 64px rgba(0, 0, 0, .2)}.tilt-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);max-width:350px;overflow:hidden;margin:0 auto}.aurora-bg{position:relative;z-index:0}.aurora-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(138,43,226,.2),transparent 40%),radial-gradient(circle at 80% 70%,rgba(244,114,182,.2),transparent 40%);animation:auroraMove 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes auroraMove{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.aurora-element{position:absolute;opacity:.4}.colour-1{box-shadow:0 0 30vmax 30vmax #7fa7d6;opacity:.22;left:65vw;top:60vh;animation:movement1 20s 0s linear infinite}.colour-2{box-shadow:0 0 40vmax 40vmax #6ea3d9;opacity:.18;left:75vw;top:50vh;animation:movement2 25s 0s linear infinite}.colour-3{box-shadow:0 0 35vmax 35vmax #5b8ecb;opacity:.2;left:80vw;top:80vh;animation:movement3 22s 0s linear infinite}.colour-4{box-shadow:0 0 25vmax 25vmax #8bbbe8;opacity:.15;left:85vw;top:90vh;animation:movement4 16s 0s linear infinite}.colour-5{box-shadow:0 0 20vmax 20vmax #6fa8dc;opacity:.13;left:90vw;top:85vh;animation:movement5 18s 0s linear infinite}.frosted-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,25,47,.3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:-2;pointer-events:none}@keyframes movement1{0%{top:0vh;left:50vw}25%{left:0vw;top:25vh}50%{top:100vh;left:30vw}75%{left:100vw;top:60vh}to{top:0vh;left:50vw}}@keyframes movement2{0%{top:50vh;left:100vw}25%{top:100vh;left:70vw}50%{left:0vw;top:30vh}75%{top:0vh;left:40vw}to{top:50vh;left:100vw}}@keyframes movement3{0%{top:100vh;left:20vw}25%{left:100vw;top:80vh}50%{top:0vh;left:60vw}75%{left:0vw;top:40vh}to{top:100vh;left:20vw}}@keyframes movement4{0%{top:30vh;left:80vw}33%{left:20vw;top:70vh}66%{top:10vh;left:90vw}to{top:30vh;left:80vw}}@keyframes movement5{0%{top:20vh;left:10vw}40%{left:60vw;top:80vh}80%{top:40vh;left:90vw}to{top:20vh;left:10vw}}