:root{--primary:#53706e;--dark:#304846;--deep:#1e302f;--paper:#fffdf7;--soft:#f3f8f7;--ink:#172120;--muted:#5d6867;--yellow:#f1c75b;--yellow-soft:#fff3c9;--blue:#5f8faa;--blue-soft:#e2f0f6;--green:#69b879;--green-soft:#def4e2;--purple:#b46fa2;--purple-soft:#f5e2ef;--coral:#d87862;--serif:"Fraunces",Georgia,serif;--sans:"Atkinson Hyperlegible",Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:var(--sans);color:var(--ink)}
body{background-color:var(--primary);background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:30px 30px}
.page-shell{min-height:100svh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom))}
.link-card{position:relative;width:min(100%,520px);min-height:min(920px,calc(100svh - 36px));display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vh,54px) clamp(20px,6vw,48px) clamp(20px,4vh,40px);background-color:var(--paper);background-image:linear-gradient(rgba(83,112,110,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(83,112,110,.07) 1px,transparent 1px);background-size:25px 25px;border:2px solid var(--deep);border-radius:12px;box-shadow:13px 15px 0 rgba(30,48,47,.42);overflow:hidden}
.link-card:before{content:"";position:absolute;left:28px;top:0;bottom:0;border-left:2px solid rgba(216,120,98,.3);pointer-events:none}
.tape{position:absolute;z-index:2;top:17px;width:74px;height:20px;background:rgba(241,199,91,.78);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tape-left{left:-15px;transform:rotate(-35deg)}.tape-right{right:-15px;transform:rotate(35deg)}
.profile{text-align:center;position:relative}.logo-wrap{width:clamp(120px,17vh,170px);height:clamp(120px,17vh,170px);margin:0 auto 8px;display:grid;place-items:center;background:#fff;border:2px solid var(--dark);border-radius:50%;box-shadow:5px 6px 0 var(--yellow)}.logo-wrap img{width:88%;height:88%;object-fit:contain}.school-label{display:inline-block;margin:6px 0 9px;padding:5px 10px;background:var(--yellow-soft);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1deg)}h1{margin:0;font-family:var(--serif);font-size:clamp(2.15rem,5vh,3rem);line-height:1.05;letter-spacing:-.035em;color:var(--dark)}.intro{max-width:370px;margin:11px auto 0;color:var(--muted);font-size:clamp(.96rem,2vh,1.08rem);line-height:1.4}
.link-list{display:grid;gap:clamp(10px,1.6vh,15px);margin:clamp(20px,3vh,32px) 0 clamp(16px,2.5vh,24px)}.link-button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:clamp(76px,9vh,94px);padding:13px 16px;border:2px solid var(--deep);border-radius:9px;color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.link-button:hover,.link-button:focus-visible{transform:translate(-2px,-2px)}.link-button:focus-visible{outline:4px solid #fff;outline-offset:3px}.number{display:grid;place-items:center;width:42px;height:42px;border:2px solid currentColor;border-radius:7px;font-family:var(--serif);font-weight:700;transform:rotate(-3deg)}.button-copy{display:flex;flex-direction:column;min-width:0}.button-copy strong{font-family:var(--serif);font-size:clamp(1.08rem,2.1vh,1.3rem);line-height:1.15}.button-copy small{margin-top:4px;color:#45504f;font-size:clamp(.76rem,1.55vh,.88rem);line-height:1.25}.arrow{font-size:1.45rem;font-weight:700}.whatsapp{background:var(--green-soft);box-shadow:6px 7px 0 var(--green)}.website{background:var(--yellow-soft);box-shadow:6px 7px 0 var(--yellow)}.suggestions{background:var(--blue-soft);box-shadow:6px 7px 0 var(--blue)}.instagram{background:var(--purple-soft);box-shadow:6px 7px 0 var(--purple)}
footer{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--primary);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center}footer p{margin:0}
@media(max-height:760px){.link-card{min-height:calc(100svh - 24px);padding-top:22px;padding-bottom:18px}.logo-wrap{width:104px;height:104px}.school-label{margin-top:4px}h1{font-size:2rem}.intro{font-size:.9rem}.link-list{margin:18px 0 15px;gap:10px}.link-button{min-height:72px;padding:10px 13px}.number{width:37px;height:37px}.button-copy strong{font-size:1.05rem}.button-copy small{font-size:.75rem}footer{font-size:.68rem}}
@media(max-width:380px){.page-shell{padding:10px}.link-card{min-height:calc(100svh - 20px);padding-left:18px;padding-right:18px;box-shadow:7px 8px 0 rgba(30,48,47,.42)}.link-card:before{left:16px}.link-button{gap:10px;padding-left:11px;padding-right:11px}.number{width:35px;height:35px;font-size:.85rem}.arrow{font-size:1.2rem}}
@media(min-width:760px){.page-shell{padding:42px}.link-card{min-height:880px}}
@media(prefers-reduced-motion:reduce){.link-button{transition:none}}