:root{--bg-primary:#0b0f13;--bg-surface:#111821;--accent-teal:#14b8a6;--accent-blue:#00b4d8;--text-primary:#e9eef3;--text-muted:#9aa3ab}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600}a{color:var(--accent-teal);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-blue)}.section{padding:80px 0}.card-custom{background-color:var(--bg-surface);border:1px solid #ffffff0d;border-radius:12px;padding:2rem;transition:transform .3s,box-shadow .3s}.card-custom:hover{transform:translateY(-4px);box-shadow:0 8px 24px #14b8a61a}.btn-primary-custom{background-color:var(--accent-teal);color:var(--bg-primary);border:none;border-radius:8px;padding:12px 32px;font-weight:600;transition:all .3s}.btn-primary-custom:hover{background-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 4px 12px #00b4d84d}.btn-outline-custom{border:2px solid var(--accent-teal);color:var(--accent-teal);background-color:#0000;border-radius:8px;padding:12px 32px;font-weight:600;transition:all .3s}.btn-outline-custom:hover{background-color:var(--accent-teal);color:var(--bg-primary);transform:translateY(-2px)}.text-muted-custom{color:var(--text-muted)}.accent-text{color:var(--accent-teal)}.divider{background:linear-gradient(90deg,#0000,#14b8a64d,#0000);height:1px;margin:2rem 0}.skill-chip{background-color:var(--bg-surface);border:1px solid #14b8a633;border-radius:20px;margin:4px;padding:8px 16px;font-size:.9rem;transition:all .3s;display:inline-block}.skill-chip:hover{border-color:var(--accent-teal);background-color:#14b8a61a}.fade-in{animation:.6s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.smooth-scroll{scroll-behavior:smooth}.navbar-nav .nav-link{transition:color .3s}.navbar-nav .nav-link:hover{color:var(--accent-teal)!important}.navbar-toggler{border:1px solid var(--accent-teal)}.navbar-toggler:focus{box-shadow:0 0 0 .25rem #14b8a640}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.social-link-card{animation:.6s ease-out both fadeInUp}.social-link-card:first-child{animation-delay:0s}.social-link-card:nth-child(2){animation-delay:.1s}.social-link-card:nth-child(3){animation-delay:.2s}.social-link-card:hover .social-link-bg{opacity:1!important}.social-link-card:hover .social-link-icon{transform:scale(1.1)rotate(5deg);color:var(--accent-blue)!important}.social-link-card:hover .text-muted-custom{color:var(--accent-teal)!important}