:root{
  --uga-navy:#0B1D3A;
  --uga-green:#197545;
  --uga-green-soft:#6F9278;
  --uga-paper:#FCFCFB;
  --uga-line:#D8DFDC;
  --uga-muted:#5E6874;
}

.uga-page{background:#fff;color:var(--uga-navy)}
.uga-intro{padding:88px 0 62px;background:linear-gradient(180deg,#fff 0%,#f8faf8 100%);border-bottom:1px solid rgba(11,29,58,.07)}
.uga-intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end}
.uga-intro h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:.98;letter-spacing:-.055em}
.uga-intro h1 span{color:var(--uga-green)}
.uga-intro-copy{font-size:1.1rem;color:var(--uga-muted);max-width:520px;padding-bottom:8px}

.uga-stage{padding:72px 0 90px;background:radial-gradient(circle at 15% 20%,rgba(25,117,69,.05),transparent 28%),#fff}
.uga-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:56px;align-items:start}
.uga-controls{position:sticky;top:112px}
.uga-control-card{border:1px solid rgba(11,29,58,.1);border-radius:28px;padding:30px;background:#fff;box-shadow:0 18px 58px rgba(11,29,58,.08)}
.uga-kicker{margin:0 0 7px;color:var(--uga-green);text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:900}
.uga-control-card h2{font-size:clamp(2rem,3vw,3.15rem);line-height:1;letter-spacing:-.045em;margin-bottom:14px}
.uga-occasion-copy{color:var(--uga-muted);min-height:2.8em}
.uga-day-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 10px}
.uga-nav-btn,.uga-calendar-btn,.uga-month-nav button,.uga-modal-close{font:inherit;border:1px solid rgba(11,29,58,.12);background:#fff;color:var(--uga-navy);font-weight:800;cursor:pointer}
.uga-nav-btn{min-height:48px;border-radius:999px;padding:10px 14px;font-size:.82rem}
.uga-nav-btn:hover:not(:disabled),.uga-calendar-btn:hover,.uga-month-nav button:hover{border-color:rgba(25,117,69,.45);color:var(--uga-green)}
.uga-nav-btn:disabled{opacity:.4;cursor:not-allowed}
.uga-nav-btn.is-today-limit{font-size:.78rem}
.uga-calendar-btn{width:100%;min-height:48px;border-radius:999px;margin-bottom:20px}
.uga-actions{display:grid;gap:10px}
.uga-actions .btn{width:100%;border:0;cursor:pointer}
.uga-note{font-size:.78rem;color:#7a838c;margin:16px 0 0;text-align:center}

.uga-card-shell{display:flex;justify-content:center;min-width:0}
.uga-card{--uga-bg:none;position:relative;width:min(100%,700px);aspect-ratio:4/5;background:#fdfdfc;overflow:hidden;border-radius:2px;box-shadow:0 32px 90px rgba(11,29,58,.17);isolation:isolate;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.uga-card-background{position:absolute;z-index:-2;right:-2%;bottom:-1%;width:64%;height:49%;background-image:var(--uga-bg);background-size:cover;background-position:center bottom;filter:saturate(.72) contrast(.9);opacity:.62}
.uga-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,.98) 56%,rgba(255,255,255,.72) 72%,rgba(255,255,255,.16) 100%),linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.97) 42%,rgba(255,255,255,.18) 100%)}

.uga-date-tab{position:absolute;top:2.2%;left:50%;transform:translateX(-50%);width:18%;min-width:92px;aspect-ratio:1.05/1;background:linear-gradient(180deg,#fff,#f6f6f4);border:1px solid rgba(11,29,58,.08);border-radius:6px;box-shadow:0 9px 16px rgba(11,29,58,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4% 2% 3%;overflow:hidden}
.uga-date-tab strong{font-size:clamp(2.7rem,8vw,5.2rem);line-height:.8;color:var(--uga-navy);letter-spacing:-.07em}
.uga-date-tab span{width:72%;height:2px;background:var(--uga-green);margin:10% 0 7%}
.uga-date-tab em{font-style:normal;font-size:clamp(.7rem,1.8vw,1.25rem);font-weight:600;letter-spacing:.13em;color:var(--uga-navy)}
.uga-date-tab i{position:absolute;right:-1px;bottom:-1px;width:24%;aspect-ratio:1;background:linear-gradient(135deg,#e8e8e4 0 48%,#fff 50%);filter:drop-shadow(-2px -2px 2px rgba(11,29,58,.08))}

.uga-card-occasion-row{position:absolute;top:18.5%;left:15%;right:15%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.uga-card-occasion-row span{height:1.5px;background:var(--uga-green)}
.uga-card-occasion-row p{margin:0;text-align:center;color:var(--uga-navy);font-size:clamp(.72rem,1.8vw,1.2rem);letter-spacing:.16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}

.uga-quote-wrap{position:absolute;left:18.5%;right:13%;top:27%;height:39%;display:flex;align-items:flex-start;overflow:visible}
.uga-card-quote{margin:0;color:var(--uga-navy);font-size:3rem;line-height:1.08;letter-spacing:-.035em;font-weight:420;max-width:100%;overflow-wrap:break-word;hyphens:auto}
.uga-card-quote strong{font-weight:850}
.uga-open-quote,.uga-close-quote{position:absolute;color:var(--uga-green-soft);font-family:Georgia,serif;font-size:clamp(4.7rem,12vw,9rem);line-height:.55}
.uga-open-quote{left:-15%;top:-4%}
.uga-close-quote{right:2%;bottom:-5%}
.uga-signature{position:absolute;left:18.5%;top:71.5%;margin:0;color:var(--uga-navy);font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive;font-size:clamp(1.55rem,4vw,3.25rem);font-style:italic;transform:rotate(-4deg)}
.uga-signature:after{content:"";display:block;width:62%;height:2px;background:var(--uga-green);margin:4px 0 0 16%;transform:rotate(-2deg)}
.uga-card-branding{position:absolute;left:8.5%;bottom:6.8%;display:flex;flex-direction:column;align-items:flex-start}
.uga-card-branding strong{color:var(--uga-green);font-size:clamp(1.25rem,3vw,2.65rem);letter-spacing:-.035em}
.uga-card-branding span{color:var(--uga-navy);font-size:clamp(.62rem,1.5vw,1.08rem);letter-spacing:.17em;line-height:1.45;margin-top:3px}

.uga-after{padding:88px 0 106px;background:#f7f9f7;border-top:1px solid rgba(11,29,58,.06)}
.uga-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.uga-after h2{font-size:clamp(2.2rem,4.5vw,4.5rem)}
.uga-after-grid>div:last-child{font-size:1.08rem;color:var(--uga-muted);padding-top:38px}

.uga-modal[hidden]{display:none!important}
.uga-modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px}
.uga-modal-backdrop{position:absolute;inset:0;background:rgba(5,14,28,.58);backdrop-filter:blur(9px)}
.uga-calendar-panel{position:relative;width:min(620px,100%);max-height:min(780px,calc(100vh - 48px));overflow:auto;background:#fff;border-radius:28px;padding:28px;box-shadow:0 32px 100px rgba(0,0,0,.3)}
.uga-calendar-panel>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid rgba(11,29,58,.08);padding-bottom:18px}
.uga-calendar-panel h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.uga-modal-close{width:42px;height:42px;border-radius:50%;font-size:1.6rem}
.uga-month-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin:22px 0 14px}
.uga-month-nav button{width:44px;height:44px;border-radius:50%}
.uga-month-nav strong{text-align:center;text-transform:capitalize;font-size:1.12rem}
.uga-weekdays,.uga-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.uga-weekdays{color:#7d8790;font-size:.73rem;font-weight:900;text-align:center;margin-bottom:6px}
.uga-month-grid button,.uga-month-grid span{aspect-ratio:1;border-radius:14px;display:grid;place-items:center;font:inherit}
.uga-month-grid button{border:1px solid rgba(11,29,58,.08);background:#fff;color:var(--uga-navy);font-weight:800;cursor:pointer;position:relative}
.uga-month-grid button:hover:not(:disabled){border-color:var(--uga-green);color:var(--uga-green);background:#f5faf6}
.uga-month-grid button.is-selected{background:var(--uga-navy);color:#fff;border-color:var(--uga-navy)}
.uga-month-grid button.is-today:after{content:"";position:absolute;bottom:7px;width:5px;height:5px;border-radius:50%;background:var(--uga-green)}
.uga-month-grid button:disabled{color:#aab0b5;background:#f5f6f6;cursor:not-allowed}
.uga-month-grid button.is-locked:before{content:"";position:absolute;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:#c6cbc9}
.uga-calendar-legend{text-align:center;color:#7d8790;font-size:.8rem;margin:16px 0 0}

@media(max-width:900px){
  .uga-intro-grid,.uga-layout,.uga-after-grid{grid-template-columns:1fr}
  .uga-intro{padding:54px 0 40px}
  .uga-intro-copy{padding:0}
  .uga-layout{gap:30px}
  .uga-controls{position:static;order:2}
  .uga-card-shell{order:1}
  .uga-card{width:min(100%,620px)}
  .uga-control-card{padding:24px}
  .uga-after-grid>div:last-child{padding-top:0}
}

@media(max-width:560px){
  .uga-stage{padding:28px 0 60px}
  .uga-intro h1{font-size:clamp(2.65rem,14vw,4rem)}
  .uga-card-shell{margin-left:-10px;margin-right:-10px}
  .uga-card{box-shadow:0 18px 44px rgba(11,29,58,.15)}
  .uga-day-nav{grid-template-columns:1fr}
  .uga-card-occasion-row{left:10%;right:10%;gap:9px}
  .uga-quote-wrap{left:17%;right:9%;top:27%;height:40%}
  .uga-signature{left:17%}
  .uga-card-branding{left:7%;bottom:5.7%}
  .uga-calendar-panel{padding:20px;border-radius:22px}
  .uga-month-grid button,.uga-month-grid span{border-radius:10px}
}