body{background:var(--deep-sea-blue);color:var(--text-main);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.01em;margin:0;padding:0}.app-container{width:100%;margin:0;padding:0;max-width:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#202c37;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html{scroll-behavior:smooth}.header{position:fixed;width:100%;top:0;left:0;background-color:#0f2645;color:#fff;box-shadow:0 2px 4px #0000005b;z-index:1000}.profile-container{display:flex;align-items:center;margin-left:0}.profilepic{width:35px;height:35px;object-fit:contain;margin-right:25px;border-radius:4px;margin-left:0}.header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center}.logo{font-size:2rem;font-weight:700;margin-right:104px;margin-left:0;font-style:italic;color:#fff}.nav-links{margin-left:54px;text-decoration:none;color:#fff;font-weight:700;transition:color .3s ease}.nav-links:hover{color:#334768}.button{margin-left:100px;background-color:#f10707;border:none;color:#fff;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;transition:background-color .3s}.info-card{background:linear-gradient(120deg,#23272f 80%,#26354a);color:#f8f4f4;border-radius:18px;box-shadow:0 6px 32px #00000021,0 1.5px 6px #0000001a;padding:10px 16px 16px;margin:10px 0;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;animation:fadeInUp .8s cubic-bezier(.23,1,.32,1);width:100%;box-sizing:border-box}.info-card__icon{font-size:1.5rem;margin-bottom:5px;color:#4fd1c5;filter:drop-shadow(0 2px 6px rgba(79,209,197,.18))}.info-card__title{font-size:1.5rem;font-weight:700;margin-bottom:5px;letter-spacing:.5px;color:#4fd1c5}.info-card__desc{font-size:1.18rem;line-height:1.7;color:#f8f4f4;margin-bottom:0;text-align:justify}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.info-card{padding:18px 8px;border-radius:10px;width:100%}.info-card__title{font-size:1.3rem}.info-card__desc{font-size:1rem}}.contact-link{color:#fff;text-decoration:underline;transition:color .2s}.contact-link:hover{color:#4fd1c5}.app-container{max-width:1280px;margin:0 auto;width:100%}:root{--deep-sea-blue: #0a192f;--deep-sea-blue-light: #112240;--grayish: #233554;--accent-blue: #4fd1c5;--card-bg: #16213a;--text-main: #e6f1ff;--text-secondary: #a8b2d1;--border-card: #22304a}body{background:var(--deep-sea-blue);color:var(--text-main);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.01em}.main-heading{font-size:3.5rem;font-weight:700;color:#f8f4f4;font-style:italic;text-align:center;margin-top:50px;margin-bottom:20px}.sub-heading{font-size:1.5rem;font-weight:700;color:#f8f6f6;margin-bottom:15px}.main-section{width:100%;min-height:80vh;background:linear-gradient(120deg,#152848 60%,#7d9ed7);display:block;text-align:center;padding:0;box-shadow:0 8px 32px #0a192f2e,0 1.5px 6px #0000001a;border-radius:0;margin-bottom:0;transition:box-shadow .2s}.section-section{display:flex;width:100%;align-items:stretch;border-bottom:1px solid #171718}.sub-section{width:100%;background:#00000059;padding:40px 0 40px 24px;display:flex;flex-direction:column;justify-content:center;letter-spacing:.5px;border-radius:14px;box-shadow:0 2px 12px #46464964;margin-bottom:18px;transition:box-shadow .2s}.section-content{width:100%;max-width:1100px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center}.section-heading{font-size:2.5rem;font-weight:700;color:#f8f4f4;margin-bottom:24px;background:linear-gradient(90deg,#26354a 60%,#3a4a6a);padding:12px 0 12px 24px;border-radius:10px 0 0 10px;box-shadow:0 2px 8px #00000014;text-align:left;letter-spacing:.5px}.section-details{font-size:1.2rem;line-height:1.6;color:#fff;text-align:justify}.sub-section{width:100%;background:#16213a;padding:40px 32px;display:flex;flex-direction:column;justify-content:center;text-align:justify;border-radius:18px;box-shadow:0 4px 24px #0a192f21;margin-bottom:24px;transition:box-shadow .2s;box-sizing:border-box}@media(max-width:900px){.section-section{flex-direction:column}.subsection-heading,.sub-section{width:100%}.subsection-heading{padding:15px}.sub-section{padding:18px 8px;border-radius:8px}.main-section{padding:24px 0;border-radius:0;width:100%}.main-heading{font-size:2.5rem}.section-heading{font-size:2rem;padding:8px 0 8px 12px;border-radius:8px 0 0 8px}}.table-container{width:100%;margin:0 auto;border-radius:18px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 32px #0000001f,0 1.5px 6px #00000014;background:#1c2026fa;padding:32px 0;transition:box-shadow .2s}.skills-table{width:100%;max-width:900px;border-collapse:separate;border-spacing:0;background-color:transparent;color:#f8f4f4;font-size:1.08rem;border-radius:14px;overflow:hidden;box-shadow:0 1.5px 6px #00000014}.skills-table th{background:linear-gradient(90deg,#26354a 60%,#3a4a6a);padding:18px 14px;font-weight:700;border:none;font-size:1.18rem;color:#f8f4f4;letter-spacing:.5px;text-align:left}.skills-table td{padding:15px 14px;border:none;border-bottom:1px solid #23272f;text-align:left;background-color:transparent;vertical-align:middle}.skills-table tr:nth-child(2n){background-color:#23272f}.skills-table tr:hover{background-color:#31405a;transition:background .18s}@media(max-width:700px){.table-container{padding:12px 0;border-radius:10px}.skills-table{font-size:.98rem;max-width:100%;border-radius:8px}.skills-table th,.skills-table td{padding:10px 6px}}