.nav-link{position:relative}
.nav-underline{position:absolute;left:0;bottom:-6px;height:2px;width:0;background:linear-gradient(90deg,#0a4d8c,#f9b233);transition:width .25s ease}
.nav-link:hover .nav-underline{width:100%}
.icon-ring{display:inline-grid;place-items:center;width:104px;height:104px;border-radius:9999px;border:6px solid #f9b233;background:#fff;box-shadow:0 6px 20px rgba(2,12,27,.08);transition:transform .25s ease,box-shadow .25s ease}
.icon-ring:hover{transform:translateY(-4px);box-shadow:0 16px 40px -20px rgba(2,12,27,.25)}
.card-tilt {box-shadow:0 2px 10px 0 rgba(0,0,0,0.03);transition:box-shadow .22s cubic-bezier(.37,1.36,0,1.12),transform .21s cubic-bezier(.37,1.36,0,1.12),background .14s;will-change:transform,box-shadow}
.card-tilt:hover {box-shadow:0 20px 44px -10px #10b98122,0 2px 10px 0 #0001;transform:translateY(-3px) scale(1.025) rotate3d(0,0,0,0);background:#f3f4f6}
.glass{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
/* Buttons */
.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:9999px;background:#fff;border:1px solid #e5e7eb;color:#0a4d8c;transition:all .2s ease}
.btn-outline:hover{border-color:#0a4d8c;box-shadow:0 10px 25px -10px rgba(10,77,140,.35)}
.btn-accent{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:9999px;background:#f9b233;color:#0f172a;transition:filter .2s ease,box-shadow .2s ease}
.btn-accent:hover{filter:brightness(1.05);box-shadow:0 10px 25px -10px rgba(10,77,140,.35)}
/* Animated gradient utility (optional) */
.gradient-animated{background:linear-gradient(120deg,#0a4d8c,#0e6bbd,#3b82f6,#f9b233);background-size:300% 300%;animation:gradientShift 12s ease infinite}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* Social brand colors */
.social{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;color:#fff;transition:transform .2s ease,filter .2s ease}
.social:hover{transform:translateY(-2px);filter:brightness(1.1)}
.social-fb{background:#1877F2}
.social-x{background:#0f1419}
.social-ig{background:radial-gradient( circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90% )}
.social-yt{background:#FF0000}
.social-li{background:#0A66C2}
.social-emerald,.social .text-emerald-600{background:#10b981!important;color:#fff!important}
.haberdar-card-custom{background:linear-gradient(110deg,#e8fdec 50%,#fff 100%);border:1.5px solid #dcfce7;color:#236d45!important;box-shadow:0 8px 28px -16px #10b98122;}
.haberdar-card-custom .text-emerald-900,.haberdar-card-custom .text-emerald-600{color:#236d45!important}
.haberdar-card-custom .social svg{color:#10b981!important}
/* Gradient text & borders for modern look */
.gradient-text{background:linear-gradient(90deg,#0a4d8c,#f9b233);-webkit-background-clip:text;background-clip:text;color:transparent}
.card-gradient{position:relative}
.card-gradient::before{content:"";position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(120deg,rgba(10,77,140,.6),rgba(249,178,51,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
/* Logo sizing: scale down big logos, stay crisp on HiDPI */
.logo-wrap{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;overflow:hidden}
.logo-img{height:2.5rem;width:auto;object-fit:contain}
@media (min-width:768px){.logo-img{height:2.75rem}}
/* Navbar colorful pills */
.nav-pill{position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:9999px;transition:all .2s ease}
.nav-pill::after{content:"";position:absolute;inset:0;border-radius:9999px;background:linear-gradient(90deg,#0a4d8c,#0e6bbd,#f9b233);opacity:0;transition:opacity .2s ease;z-index:-1}
.nav-pill:hover::after{opacity:.15}
.nav-active{background:linear-gradient(90deg,rgba(10,77,140,.18),rgba(14,107,189,.18))}
/* Dropdown menü için padding - fare ile menü arasında boşluk */
.relative.group:hover .absolute{pointer-events:auto}
.mobile-submenu-content{transition:all .2s ease;overflow:hidden}
.mobile-submenu-content:not(.hidden){display:block}
/* Footer gradient */
.footer-gradient{background:linear-gradient(180deg,#0f172a 0%, #0a2540 50%, #081a2d 100%)}
.info-card-custom {background:#fff8ec;border-radius:1rem;box-shadow:0 2px 12px rgba(10,77,140,.09);border-top:4px solid #f9b233;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s;}
.info-card-custom:hover{transform:translateY(-7px) scale(1.02);box-shadow:0 10px 30px -10px #f9b23399}
.homepage-slogan{font-weight:800;font-size:2.8rem;background:linear-gradient(90deg,#0a4d8c,#f9b233);-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 8s linear infinite}
@media (min-width:768px){.homepage-slogan{font-size:3.6rem;}}
body{background:linear-gradient(120deg,#e4f1ed 0%,#f6f7fc 60%,#f7f5ee 100%);background-size:200% 200%;animation:bgMove 16s ease-in-out infinite alternate;background-attachment:fixed;}
@keyframes bgMove{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.particles-bg {position:fixed;inset:0;z-index:0;pointer-events:none;}