@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080b18;--text:#eff2ff;--muted:#a0a9c2;--line:#ffffff18;--accent:#a6a2ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}.ambient{pointer-events:none;position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 0%,#584bc32b,transparent 48%),radial-gradient(ellipse at 0% 60%,#16435225,transparent 45%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,auto,70px 70px,70px 70px}.topbar{max-width:1280px;margin:auto;padding:25px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:14px;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:1px}.brand img{width:53px;height:53px;object-fit:contain}.brand b{color:#b1a7ff}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted)}nav{display:flex;align-items:center;gap:26px;font-size:13px}nav .active{color:#c5bbff}.admin-badge{border:1px solid #a69aff44;border-radius:30px;padding:7px 12px;color:#b9aaff;font-size:10px;letter-spacing:1px}main{max-width:1280px;margin:auto;padding:0 36px 64px}h1,h2,h3,strong{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(36px,4.5vw,62px);line-height:1.13;letter-spacing:-2.5px;margin:20px 0}h1 span{background:linear-gradient(100deg,#bab2ff,#81dbed);background-clip:text;color:transparent}h2{font-size:26px;line-height:1.3}h3{font-size:24px;margin:8px 0}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#b9b0e9;font-weight:700}.lead{color:var(--muted);font-size:15px;max-width:660px}.hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;padding:66px 0 50px}.hero-meta{display:flex;gap:24px;margin-top:32px;font-size:9px;letter-spacing:1.5px;color:#c3c8dc}.hero-meta span:first-child{color:#c5b1ff}.orb{position:relative;width:290px;height:290px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;border:1px solid #b9adff40;background:radial-gradient(circle at 30% 20%,#a998f72c,#151a3833 65%);box-shadow:inset 0 0 55px #9786ff22,0 0 95px #8974f71a}.orb:before,.orb:after{content:'';position:absolute;inset:18px;border:1px solid #ffffff10;border-radius:50%}.orb:after{inset:-22px;border-style:dashed}.orb>span{font-size:85px;line-height:1;color:#d6cbff;text-shadow:0 0 30px #b594ff}.orb small{text-align:center;font-family:'Space Grotesk';letter-spacing:4px;font-size:12px;color:#b5bad6;margin-top:18px}.orb b{font-size:18px;color:white}.orbit{position:absolute;inset:55px -28px;border:1px solid #aea5ff55;border-radius:50%;transform:rotate(-32deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:#121629a8;padding:25px 0}.stats>div{padding:0 30px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}.stats strong{display:block;font-size:30px;line-height:1.3}.stats em{font-style:normal;color:#717b98;font-size:18px}.stats span{font-size:11px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:48px 0 22px}.section-heading h2{margin:4px 0}.section-heading>p,.section-heading>span{font-size:12px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#191e33dd,#101426e6);transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-4px);border-color:var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.symbol{display:flex;align-items:center;justify-content:center;min-width:56px;height:56px;font:600 26px 'Space Grotesk';color:var(--accent);border-radius:15px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.status{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:25px;padding:4px 10px}.category-card .eyebrow{font-size:9px;color:var(--accent)}.category-card>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:26px}.card-links{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:12px}.card-links>a:first-child{color:var(--accent)}.card-links span{margin-left:12px}.card-links>a:last-child{color:var(--muted)}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:25px 36px;display:flex;justify-content:space-between;gap:15px;color:#7e89a5;font-size:10px}.back{display:inline-block;color:var(--muted);font-size:12px;margin-top:30px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0 38px}.page-heading h1{font-size:clamp(34px,4vw,54px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#b6a6ff;border:1px solid #b6a6ff;color:#14122b;border-radius:10px;padding:12px 20px;font-size:12px;font-weight:700;white-space:nowrap}.button:hover{filter:brightness(1.1)}.button.secondary{background:transparent;color:#d1c8ff;border-color:#ffffff30}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.podium-card{position:relative;border:1px solid var(--line);padding:28px;border-radius:18px;background:linear-gradient(150deg,#29213c,#11172b);overflow-wrap:anywhere}.podium-card:first-child{border-color:#e1c98266;background:linear-gradient(150deg,#393024,#15172b)}.rank{font:500 28px 'Space Grotesk';color:#a5aac5}.award{display:inline-block;font-size:10px;letter-spacing:.6px;border-radius:20px;padding:5px 12px;background:#dec18715;color:#f1d8a1;white-space:nowrap}.podium-card>.award{float:right}.spark{font-size:44px;color:var(--accent);margin-top:16px}.podium-card h2{font-size:21px;margin:12px 0}.podium-card p,.podium-card small{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#11162ae6}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#9da9c9;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:18px;background:#ffffff03}td{padding:18px;border-top:1px solid var(--line);vertical-align:middle}td strong{font-size:13px}td.number{color:#b7a8ff}.empty{text-align:center;padding:65px 25px;border:1px dashed #ffffff25;border-radius:20px;background:#171b2d80}.empty>span{font-size:70px;color:#b6a6ff}.empty p{color:var(--muted);font-size:14px;margin-bottom:25px}.notice{margin-top:24px;padding:18px 24px;border:1px solid #70e3ab55;color:#b0efcb;background:#153528;border-radius:12px}.notice.error{background:#382027;color:#ffc6ca;border-color:#f7859355}.notice ul{font-size:13px}.form-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px;background:#171c32;border:1px solid var(--line);border-radius:14px;margin-bottom:30px}.form-toolbar p{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;color:#bfc6df}input,select{display:block;width:100%;background:#0c1122;color:#f2f1ff;border:1px solid #ffffff26;border-radius:8px;padding:11px 12px;margin-top:8px;min-height:45px}input:focus,select:focus{border-color:#b6a6ff;outline:1px solid #b6a6ff}fieldset{min-width:0}.winner-row{position:relative;background:#12182bd9;border:1px solid var(--line);border-radius:14px;padding:22px 24px 26px;margin:0 0 24px}.winner-row legend{padding:0 12px;color:#baaaff;font-family:'Space Grotesk';font-size:16px}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.remove-winner{display:block;margin:0 0 16px auto;border:0;background:transparent;color:#f0a8b9;font-size:11px;padding:5px}.remove-winner:disabled{opacity:.3;cursor:default}.button:disabled{opacity:.4;cursor:default}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#171c32}.save-bar p{font-size:12px;color:var(--muted)}.save-bar>div{display:flex;gap:12px}@media(min-width:1000px){.category-card:last-child{grid-column:2}}@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.6fr 1fr}.orb{width:205px;height:205px}.orb b{font-size:13px}.orb small{font-size:9px}.orb>span{font-size:60px}.field-grid{grid-template-columns:repeat(2,1fr)}.podium-card{padding:20px}.stats>div{padding:0 20px}nav{gap:15px}}@media(max-width:600px){.topbar{padding:18px;flex-wrap:wrap}.brand{font-size:20px}.brand small{font-size:8px}nav{width:100%;justify-content:space-between}main{padding:0 18px 40px}.hero{display:block;padding-top:40px}.hero h1{letter-spacing:-1.5px}.orb{margin:45px auto 20px;width:220px;height:220px}.stats{grid-template-columns:repeat(2,1fr);gap:24px}.stats>div:nth-child(2){border:0}.category-grid,.podium,.field-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading>p{display:none}.page-heading{align-items:flex-start;flex-direction:column}.form-toolbar,.save-bar{flex-direction:column;align-items:stretch}.save-bar>div{flex-wrap:wrap}footer{padding:22px 18px;flex-direction:column}.hero-meta{gap:14px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* White edition with the supplied SWEE education exhibition artwork. */
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.team-card{padding:28px;background:#ffffffed;border:1px solid #24436c22;border-radius:18px;box-shadow:0 8px 25px #193b7010}.team-card h2{margin:12px 0 4px}.team-card p{color:#526580;font-size:13px}.team-card h3{font-size:13px;margin-top:24px}.team-card ul{padding-left:20px;font-size:13px;line-height:2;color:#3d567b}.members-field{grid-column:1/-1}textarea{display:block;width:100%;background:#f8fbff;color:#162b50;border:1px solid #395c8533;border-radius:8px;padding:12px;margin-top:8px;font:inherit;resize:vertical}textarea:focus{outline-color:#356bbe}@media(max-width:600px){.team-grid{grid-template-columns:1fr}}
:root{color-scheme:light;--bg:#f4f8ff;--text:#162b50;--muted:#526580;--line:#24436c22;--accent:#345eb5}
.ambient{background:linear-gradient(180deg,#f7fbff80 0%,#f7fbffe8 48%,#f7fbfff2 100%),url('../images/pengumuman-background.png') center top/cover no-repeat;background-attachment:fixed}
.topbar{background:#ffffffdc;border-radius:0 0 20px 20px;box-shadow:0 8px 40px #2645750b;backdrop-filter:blur(12px)}
.brand b,nav .active{color:#275cb0}.admin-badge{color:#315ca0;border-color:#315ca033;background:#f1f6ff}
.hero{margin-top:30px;padding:42px 32px;background:#ffffffdc;border:1px solid #ffffff;border-radius:24px;box-shadow:0 16px 50px #1b4b8420;backdrop-filter:blur(8px)}
h1 span{background:linear-gradient(100deg,#2457ae,#1487ad);background-clip:text;color:transparent}.eyebrow{color:#315ea4}.hero-meta{color:#526580}.hero-meta span:first-child{color:#315ea4}
.orb{border-color:#4979b733;background:radial-gradient(circle at 30% 20%,#fff,#daeaffcc);box-shadow:inset 0 0 55px #569ee822,0 0 70px #3174b922}.orb:before,.orb:after{border-color:#376aa422}.orb>span{color:#c29332;text-shadow:0 0 30px #e9c05b55}.orb small{color:#466896}.orb b{color:#204b86}.orbit{border-color:#5289ba55}
.stats{margin-top:26px;background:#ffffffed;box-shadow:0 10px 35px #2143750a}.stats em{color:#7385a0}
.category-card{background:linear-gradient(140deg,#fff,#f5f9ff);box-shadow:0 8px 25px #193b7010}.category-card:hover{border-color:#4380bd}.symbol{color:#244f86;background:color-mix(in srgb,var(--accent) 20%,white);border-color:color-mix(in srgb,var(--accent) 45%,white)}.category-card .eyebrow,.card-links>a:first-child{color:#2d5b99}.card-links>span{font-size:12px;color:var(--muted)}
.podium-card{background:linear-gradient(150deg,#fff,#edf4ff);box-shadow:0 8px 30px #234e7f10}.podium-card:first-child{background:linear-gradient(150deg,#fff9e8,#fff);border-color:#c49e4c66}.rank{color:#637c9e}.spark{color:#be963b}.award{background:#f9eecf;color:#77521a}
.table-wrap{background:#ffffffed}th{color:#506a90;background:#ecf3fd}td.number{color:#315fa3}
.empty{background:#ffffffdf;border-color:#6282a844}.empty>span{color:#c29d46}.button{background:#285ca8;border-color:#285ca8;color:white}.button.secondary{background:#fff;color:#315fa3;border-color:#315fa344}
.form-toolbar,.save-bar{background:#ffffffed}.winner-row{background:#ffffffed}.winner-row legend{color:#315fa3}label{color:#3d567b}input,select{background:#f8fbff;color:#162b50;border-color:#395c8533}input:focus,select:focus{border-color:#356bbe;outline-color:#356bbe}.remove-winner{color:#ad3a50}footer{color:#526580;background:#ffffffa8}.notice{background:#e4f8ee;color:#236441}.notice.error{background:#fff0f2;color:#9d3044}
@media(max-width:900px){.hero{grid-template-columns:1fr}.orb{display:none}}
@media(max-width:600px){.hero{padding:28px 20px;margin-top:22px}.ambient{background-attachment:scroll}}


/* SWEE 2026 — refined background and card contrast */
:root { --bg: #e4ecf7; }
.ambient {
    background: linear-gradient(180deg, rgba(229,238,250,.43) 0%, rgba(224,235,249,.64) 48%, rgba(219,232,247,.79) 100%), url('../images/pengumuman-background.png') center top / cover no-repeat;
    background-attachment: fixed;
}
.category-card {
    background: linear-gradient(140deg, #ffffff, #f7faff);
    border: 1px solid rgba(42,79,128,.27);
    box-shadow: 0 12px 32px rgba(22,53,101,.18), 0 3px 9px rgba(22,53,101,.07);
}
.category-card:hover {
    border-color: var(--accent);
    box-shadow: 0 18px 42px rgba(22,53,101,.24), 0 5px 14px rgba(22,53,101,.10);
}
@media(max-width:600px) { .ambient { background-attachment: scroll; } }


/* PERBAIKAN TAMPILAN MOBILE */
@media screen and (max-width: 600px) {

    /* Semua card tambahan menjadi 1 kolom */
    .category-grid > div[style*="display: grid"] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
        width: 100% !important;
        grid-column: 1 / -1 !important;
    }

    /* Card penuh sesuai lebar HP */
    .category-grid .category-card {
        width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 / -1 !important;
        padding: 22px 18px !important;
        height: auto !important;
    }

    /* Judul card */
    .category-card h3 {
        font-size: 21px !important;
        line-height: 1.35 !important;
        overflow-wrap: break-word;
    }

    /* Deskripsi */
    .category-card > p:not(.eyebrow) {
        font-size: 12px !important;
        line-height: 1.7 !important;
    }

    /* Grid tombol download */
    .category-card div[style*="grid-template-columns"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    /* Tombol PDF */
    .category-card a[download] {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        min-width: 0 !important;
        padding: 12px 10px !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* Nama bidang lomba */
    .category-card a[download] span:first-child {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    /* Panah selalu di dalam tombol */
    .category-card a[download] span:last-child {
        flex-shrink: 0 !important;
        margin-left: auto !important;
    }
}