/* Novi dizajn za linkove - treća godina */
:root{
    --bg-1: #0b1220;
    --bg-2: #07102a;
    --accent-a: #34d399; /* zelena akcent */
    --accent-b: #60a5fa; /* plava akcent */
    --muted: #98a0b3;
    --glass: rgba(255,255,255,0.04);
}

html,body{
    height:100%;
    margin:0;
    font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
    background: linear-gradient(135deg,var(--bg-1),var(--bg-2));
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#e6eef8;
    flex-flow:column ;
}

h1{
    margin-bottom: 150px;
    font-size: 50px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

/* Centrirani kontejner za linkove */
body.treca-godina{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
}

/* Grid layout ako bude više linkova */
.treca-godina .links {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap:14px;
    width:100%;
    max-width:920px;
}

/* Osnovni izgled za sve linkove */
.treca-godina a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:12px 16px;
    border-radius:12px;
    text-decoration:none;
    color:var(--accent-b);
    background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
    border:1px solid rgba(255,255,255,0.04);
    box-shadow: 0 6px 18px rgba(2,6,23,0.55);
    transition: transform .18s cubic-bezier(.2,.9,.2,1), box-shadow .18s, background .18s, color .12s;
    font-weight:600;
    min-height:48px;
}

/* Hover efekt - blagi "lift" + akcent gradient */
.treca-godina a:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 50px rgba(2,6,23,0.62);
    color:#ffffff;
    background: linear-gradient(90deg, rgba(96,165,250,0.12), rgba(52,211,153,0.10));
    border-color: rgba(96,165,250,0.18);
}

/* Posebni stil za "pill" linkove (veći, istaknutiji) */
.treca-godina .link-pill {
    padding:10px 20px;
    border-radius:999px;
    background: linear-gradient(90deg, rgba(52,211,153,0.14), rgba(96,165,250,0.14));
    color: #eafcff;
    border: 1px solid rgba(255,255,255,0.06);
    box-shadow: 0 10px 30px rgba(2,6,23,0.5);
    font-weight:700;
}

/* Hover za pill */
.treca-godina .link-pill:hover{
    transform: translateY(-6px) scale(1.01);
    background: linear-gradient(90deg, var(--accent-a), var(--accent-b));
    color: #042027;
    box-shadow: 0 22px 60px rgba(2,6,23,0.6);
}

/* Posjećeni link */
.treca-godina a:visited {
    color: var(--muted);
}

/* Aktivni/klik */
.treca-godina a:active {
    transform: translateY(-2px) scale(.997);
    box-shadow: 0 8px 22px rgba(2,6,23,0.5);
}

/* Fokus (pristupačnost) */
.treca-godina a:focus {
    outline: 3px solid rgba(96,165,250,0.14);
    outline-offset: 4px;
    border-radius:12px;
}

/* Ikonica za vanjske linkove */
.treca-godina a[target="_blank"]::after {
    content: " ↗";
    margin-left:6px;
    opacity:0.9;
    font-size:0.95em;
    vertical-align:middle;
}

/* Mobile prilagodbe */
@media (max-width:520px){
    .treca-godina .links { gap:10px; grid-template-columns: 1fr; }
    .treca-godina a { padding:12px 14px; font-size:0.98rem; }
    .treca-godina .link-pill { padding:10px 16px; }
}