:root{--black:#050505;--black-soft:#0a0a0a;--black-card:#111;--red:#a60f28;--red-dark:#710817;--red-light:#d51f3c;--white:#f7f7f4;--white-soft:#b9b9b5;--gold:#d6b36a;--gold-light:#f1d895;--border:#ffffff1a;--border-gold:#d6b36a66}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:#fff;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:DM Sans,Arial,sans-serif}img{max-width:100%}a{-webkit-tap-highlight-color:transparent}.invitation-page{background:radial-gradient(circle at 50% 0,#a60f2833,#0000 32%),linear-gradient(#050505 0%,#0a0a0a 50%,#050505 100%);min-height:100vh;position:relative;overflow-x:hidden}.invitation-page:before{content:"";filter:blur(25px);pointer-events:none;background:radial-gradient(circle,#a60f2873,#0000 68%);border-radius:50%;width:550px;height:550px;position:absolute;top:-390px;left:50%;transform:translate(-50%)}.invitation-content{z-index:5;width:100%;max-width:620px;min-height:100vh;margin:0 auto;padding:30px 25px 100px;position:relative}.invitation-header{grid-template-columns:70px 1fr 70px;align-items:center;gap:15px;margin-bottom:70px;display:grid}.logo-box{justify-content:center;align-items:center;width:70px;height:70px;display:flex}.logo-box img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 12px #000000b3);width:62px;height:62px;display:block}.institution{text-align:center}.institution-line{color:#fff;letter-spacing:3px;font-size:10px;font-weight:700}.institution-line.small{color:#999;letter-spacing:3px;margin-top:6px;font-size:8px;font-weight:500}.detail-opening{text-align:center}.detail-opening:before{content:"✦";color:var(--gold);margin-bottom:18px;font-size:12px;display:block}.detail-small-title{color:#999;letter-spacing:4px;text-transform:uppercase;font-size:9px;font-weight:600}.detail-opening h1{color:var(--white);margin-top:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:46px;font-weight:600;line-height:1}.detail-opening p{color:var(--gold);letter-spacing:3px;margin-top:12px;font-size:11px}.detail-opening p:after{content:"";background:linear-gradient(90deg, transparent, var(--red-light), transparent);width:50px;height:2px;margin:20px auto 0;display:block}.detail-event{text-align:center;border:1px solid var(--border);background:linear-gradient(145deg,#a60f2826,#0003);margin-top:55px;padding:45px 20px;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000059}.detail-event:before{content:"";background:linear-gradient(90deg, transparent, var(--red-light), transparent);width:90px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.detail-event:after{content:"✦";color:#d6b36a66;font-size:11px;position:absolute;top:14px;right:18px}.detail-event-label{color:#888;letter-spacing:4px;font-size:8px;font-weight:600}.detail-event h2{color:#fff;margin-top:17px;font-family:Cormorant Garamond,Georgia,serif;font-size:32px;font-weight:600;line-height:1.1}.detail-event-name{color:var(--gold);letter-spacing:2.5px;margin-top:22px;font-size:9px;font-weight:700}.detail-event-year{color:#777;letter-spacing:5px;margin-top:8px;font-size:8px}.section-heading{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-bottom:25px;display:grid}.section-heading>span{background:linear-gradient(90deg,#0000,#d6b36a59);height:1px}.section-heading>span:last-child{background:linear-gradient(90deg,#d6b36a59,#0000)}.section-heading div{text-align:center}.section-heading small{color:#777;letter-spacing:3px;font-size:7px;font-weight:600}.section-heading h2{color:#fff;margin-top:5px;font-family:Cormorant Garamond,Georgia,serif;font-size:27px;font-weight:600}.agenda-section{margin-top:65px}.agenda-card{border:1px solid var(--border);background:linear-gradient(135deg,#121212,#090909);grid-template-columns:50px minmax(0,1fr);gap:18px;width:100%;margin-bottom:15px;padding:25px 20px;transition:transform .3s,border-color .3s;display:grid;position:relative;box-shadow:0 15px 35px #00000040}.agenda-card:hover{border-color:#d6b36a4d;transform:translateY(-3px)}.agenda-card-red{background:linear-gradient(135deg,#a60f2829,#090909)}.agenda-number{border:1px solid var(--border-gold);width:45px;height:45px;color:var(--gold);justify-content:center;align-items:center;font-family:Cormorant Garamond,Georgia,serif;font-size:17px;display:flex}.agenda-content{min-width:0}.agenda-label{color:var(--red-light);letter-spacing:3px;font-size:7px;font-weight:700}.agenda-content h3{color:#fff;margin-top:5px;font-family:Cormorant Garamond,Georgia,serif;font-size:23px;font-weight:600;line-height:1.15}.agenda-detail{margin-top:18px}.agenda-row{align-items:center;gap:10px;margin-top:12px;display:flex}.agenda-row:first-child{margin-top:0}.agenda-icon{width:27px;height:27px;color:var(--gold);border:1px solid #d6b36a40;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.agenda-row div{flex-direction:column;gap:2px;min-width:0;display:flex}.agenda-row small{color:#666;letter-spacing:2px;font-size:6px;font-weight:600}.agenda-row strong{color:#ddddda;font-family:Cormorant Garamond,Georgia,serif;font-size:16px;font-weight:600;line-height:1.25}.locations-section{flex-direction:column;gap:20px;margin-top:60px;display:flex}.location-card{text-align:center;background:linear-gradient(145deg,#151515 0%,#090909 100%);border:1px solid #ffffff1a;width:100%;padding:28px 24px 25px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.location-card:hover{border-color:#d6b36a59;transform:translateY(-3px)}.location-card-red{background:linear-gradient(145deg,#a60f2829,#090909 70%)}.location-card:before{content:"";background:linear-gradient(90deg, transparent, var(--red-light), transparent);width:80px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.location-card-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.location-number{width:36px;height:36px;color:var(--gold);border:1px solid #d6b36a66;flex-shrink:0;justify-content:center;align-items:center;font-family:Cormorant Garamond,Georgia,serif;font-size:15px;display:flex}.location-type{color:#777;letter-spacing:3px;text-align:right;font-size:7px;font-weight:700}.location-icon{width:48px;height:48px;color:var(--gold-light);background:#d6b36a0a;border:1px solid #d6b36a66;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;font-size:19px;display:flex}.location-card h3{color:#fff;max-width:430px;margin:0 auto;font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-weight:600;line-height:1.15}.location-date{color:var(--gold);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:15px;display:flex}.location-date span{color:var(--red-light)}.location-name{color:#eeeeea;letter-spacing:1.5px;text-transform:uppercase;margin-top:22px;font-size:10px;font-weight:700}.location-address{color:#777;max-width:400px;margin:7px auto 0;font-size:9px;line-height:1.6}.location-button{color:var(--gold-light);letter-spacing:2px;background:#d6b36a0a;border:1px solid #d6b36a80;justify-content:center;align-items:center;gap:10px;margin-top:22px;padding:13px 20px;font-size:8px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.location-button:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px)}.location-button>span:first-child{font-size:13px}.location-arrow{font-size:14px;transition:transform .3s}.location-button:hover .location-arrow{transform:translate(3px)}.countdown-section{text-align:center;margin-top:55px}.countdown-heading{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-bottom:25px;display:grid}.countdown-heading>span{background:linear-gradient(90deg,#0000,#d6b36a59);height:1px}.countdown-heading>span:last-child{background:linear-gradient(90deg,#d6b36a59,#0000)}.countdown-heading div{text-align:center}.countdown-heading small{color:#777;letter-spacing:3px;font-size:7px;font-weight:600}.countdown-heading h2{color:#fff;margin-top:5px;font-family:Cormorant Garamond,Georgia,serif;font-size:27px;font-weight:600}.countdown-box{background:linear-gradient(145deg,#a60f281f,#0000004d);border:1px solid #d6b36a40;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;padding:25px 15px;display:grid;box-shadow:0 20px 45px #0000004d}.countdown-item{flex-direction:column;align-items:center;gap:5px;display:flex}.countdown-item strong{color:var(--gold-light);font-family:Cormorant Garamond,Georgia,serif;font-size:38px;font-weight:600;line-height:1}.countdown-item span{color:#666;letter-spacing:2px;font-size:6px;font-weight:600}.countdown-separator{color:var(--red-light);opacity:.7;font-family:Cormorant Garamond,Georgia,serif;font-size:25px}.countdown-date{color:#888;margin-top:18px;font-family:Cormorant Garamond,Georgia,serif;font-size:16px;line-height:1.5}.schedule-preview{background:linear-gradient(135deg,#a60f281f,#ffffff06);border:1px solid #d6b36a40;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:18px;margin-top:55px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.schedule-preview:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--red-light), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.schedule-preview-icon{width:55px;height:55px;color:var(--gold);border:1px solid #d6b36a59;justify-content:center;align-items:center;font-size:20px;display:flex}.schedule-preview-content{min-width:0}.schedule-preview-content small{color:#777;letter-spacing:2px;font-size:7px;font-weight:700}.schedule-preview-content h3{color:#fff;margin-top:4px;font-family:Cormorant Garamond,Georgia,serif;font-size:24px}.schedule-preview-content p{color:#777;margin-top:5px;font-size:9px;line-height:1.5}.schedule-preview-button{color:var(--gold-light);letter-spacing:1.5px;border:1px solid #d6b36a73;grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px;font-size:8px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.schedule-preview-button:hover{background:var(--red);border-color:var(--red);color:#fff}.schedule-preview-button b{font-size:15px;transition:transform .3s}.schedule-preview-button:hover b{transform:translate(4px)}.detail-closing{text-align:center;margin-top:65px;padding-top:35px;position:relative}.detail-closing:before{content:"✦";color:var(--red-light);font-size:11px;position:absolute;top:0;left:50%;transform:translate(-50%)}.detail-closing p{color:#ffffff9e;max-width:440px;margin:0 auto;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;line-height:1.6}.closing-quote{color:var(--gold);text-shadow:0 0 20px #d6b36a26;margin-top:30px;font-family:Great Vibes,cursive;font-size:33px;line-height:1.25}.schedule-page{color:#fff;background:radial-gradient(circle at 50% 10%,#8200002e,#0000 40%),#050505;min-height:100vh;overflow-x:hidden}.schedule-header{text-align:center;width:min(100%,680px);margin:0 auto;padding:30px 22px 20px}.schedule-back{color:#888;text-align:left;letter-spacing:2px;margin-bottom:45px;font-size:8px;font-weight:700;text-decoration:none;transition:all .3s;display:block}.schedule-back:hover{color:var(--gold)}.schedule-ornament{justify-content:center;align-items:center;gap:12px;display:flex}.schedule-ornament span{background:linear-gradient(90deg,#0000,#d6b36a80);width:55px;height:1px}.schedule-ornament span:last-child{background:linear-gradient(90deg,#d6b36a80,#0000)}.schedule-ornament b{color:var(--gold);font-size:13px}.schedule-label{color:#777;letter-spacing:3px;margin-top:20px;font-size:7px;font-weight:700}.schedule-script{color:var(--gold);margin-top:10px;font-family:Cormorant Garamond,Georgia,serif;font-size:30px;font-style:italic}.schedule-header h1{color:#fff;margin-top:-4px;font-family:Cormorant Garamond,Georgia,serif;font-size:42px;font-weight:600}.schedule-header p{color:#777;max-width:520px;margin:12px auto 0;font-family:Cormorant Garamond,Georgia,serif;font-size:15px;line-height:1.6}.schedule-header p strong{color:var(--gold);font-weight:500}.schedule-content{width:min(100%,680px);margin:0 auto;padding:10px 22px 40px}.schedule-card{background:linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #d6b36a33;width:100%;margin-top:30px;padding:25px 20px 30px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}.schedule-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:100%;height:2px;position:absolute;top:0;left:0}.schedule-card-red{border-color:#96000059}.schedule-card-red:before{background:linear-gradient(90deg, transparent, #a00000, var(--gold), transparent)}.schedule-card-header{border-bottom:1px solid #ffffff12;align-items:flex-start;gap:18px;padding-bottom:25px;display:flex}.schedule-number{width:48px;height:48px;color:var(--gold);border:1px solid #d6b36a73;flex-shrink:0;justify-content:center;align-items:center;font-family:Cormorant Garamond,Georgia,serif;font-size:20px;display:flex}.schedule-card-title{min-width:0}.schedule-card-title small{color:#777;letter-spacing:2px;font-size:7px;font-weight:700}.schedule-card-title h2{color:#fff;margin-top:6px;font-family:Cormorant Garamond,Georgia,serif;font-size:27px;font-weight:600;line-height:1.1}.schedule-card-title p{color:#888;margin-top:7px;font-size:10px;line-height:1.5}.schedule-timeline{padding-top:25px}.timeline-item{-moz-column-gap:10px;grid-template-columns:55px 20px minmax(0,1fr);column-gap:10px;min-height:75px;display:grid}.timeline-time{color:var(--gold);letter-spacing:1px;text-align:right;padding-top:2px;font-size:9px;font-weight:700}.timeline-line{justify-content:center;display:flex;position:relative}.timeline-line:before{content:"";background:#d6b36a33;width:1px;position:absolute;top:5px;bottom:-10px}.timeline-item:last-child .timeline-line:before{display:none}.timeline-line span{z-index:2;background:var(--gold);border-radius:50%;width:8px;height:8px;margin-top:3px;position:relative;box-shadow:0 0 12px #d6b36a59}.timeline-content{min-width:0;padding-bottom:25px;padding-left:5px}.timeline-content h3{color:#eee;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-weight:600;line-height:1.2}.timeline-content p{color:#777;margin-top:4px;font-size:10px;line-height:1.6}.schedule-footer{text-align:center;width:min(100%,680px);margin:0 auto;padding:20px 22px 60px}.schedule-footer-ornament{justify-content:center;align-items:center;gap:12px;display:flex}.schedule-footer-ornament span{background:#d6b36a4d;width:45px;height:1px}.schedule-footer-ornament b{color:var(--gold)}.schedule-footer p{color:#888;margin-top:20px;font-family:Cormorant Garamond,Georgia,serif;font-size:17px;font-style:italic;line-height:1.5}.schedule-back-bottom{color:var(--gold);letter-spacing:2px;border:1px solid #d6b36a59;justify-content:center;align-items:center;margin-top:25px;padding:12px 20px;font-size:8px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.schedule-back-bottom:hover{background:var(--red);border-color:var(--red);color:#fff}@media (width<=600px){.invitation-content{padding:25px 18px 80px}.invitation-header{grid-template-columns:55px minmax(0,1fr) 55px;gap:6px;margin-bottom:60px}.logo-box{width:55px;height:55px}.logo-box img{width:50px;height:50px}.institution-line{letter-spacing:1.5px;font-size:8px}.institution-line.small{letter-spacing:2px;font-size:6px}.detail-opening h1{font-size:39px}.detail-event{margin-top:45px;padding:40px 15px}.detail-event h2{font-size:27px}.detail-event-name{letter-spacing:1.8px;font-size:8px}.agenda-section{margin-top:50px}.section-heading h2{font-size:24px}.agenda-card{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:20px 15px}.agenda-number{width:40px;height:40px;font-size:15px}.agenda-content h3{font-size:20px}.agenda-row strong{font-size:15px}.locations-section{gap:15px;margin-top:50px}.location-card{padding:24px 17px 22px}.location-card-top{margin-bottom:22px}.location-type{letter-spacing:2px;font-size:6px}.location-card h3{font-size:25px}.location-date{font-size:14px;line-height:1.5}.location-name{font-size:9px}.location-address{font-size:8px}.location-button{width:100%;padding:14px 15px}.countdown-section{margin-top:50px}.countdown-heading h2{font-size:24px}.countdown-box{padding:22px 8px}.countdown-item strong{font-size:31px}.countdown-item span{letter-spacing:1.5px;font-size:5px}.countdown-separator{font-size:20px}.countdown-date{font-size:15px}.schedule-preview{grid-template-columns:48px minmax(0,1fr);gap:13px;margin-top:50px;padding:18px}.schedule-preview-icon{width:48px;height:48px}.schedule-preview-content h3{font-size:21px}.schedule-preview-content p{font-size:8px}.schedule-preview-button{padding:13px 14px;font-size:7px}.detail-closing{margin-top:55px}.detail-closing p{font-size:17px}.closing-quote{font-size:29px}.schedule-header{padding:25px 16px 15px}.schedule-content{padding:10px 16px 30px}.schedule-header h1{font-size:36px}.schedule-script{font-size:27px}.schedule-card{padding:22px 15px 25px}.schedule-card-header{gap:13px}.schedule-number{width:42px;height:42px;font-size:17px}.schedule-card-title h2{font-size:23px}.timeline-item{-moz-column-gap:7px;grid-template-columns:45px 18px minmax(0,1fr);column-gap:7px}.timeline-content h3{font-size:17px}.timeline-content p{font-size:9px}}@media (width<=370px){.detail-opening h1{font-size:35px}.detail-event h2{font-size:24px}.agenda-card{grid-template-columns:1fr;gap:8px}.agenda-number{margin-bottom:5px}.agenda-content h3{font-size:19px}.agenda-row strong{font-size:14px}.countdown-item strong{font-size:27px}.countdown-separator{font-size:17px}.schedule-header h1{font-size:32px}.schedule-script{font-size:24px}.timeline-item{-moz-column-gap:5px;grid-template-columns:40px 16px minmax(0,1fr);column-gap:5px}.timeline-time{font-size:8px}.timeline-content h3{font-size:16px}.timeline-content p{font-size:8px}}.guest-invitation-name{color:#d6b36a;margin-top:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:32px;font-weight:600;line-height:1.2}.guest-invitation-institution{color:#999;letter-spacing:1px;text-transform:uppercase;margin-top:6px;font-size:10px}.invitation-guest{text-align:center;margin-top:20px}.invitation-guest-label{color:#aaa;letter-spacing:3px;text-transform:uppercase;font-size:10px;font-weight:500}.invitation-guest-name{color:#d6b36a;text-shadow:0 4px 18px #00000073;margin-top:6px;font-family:Cormorant Garamond,Georgia,serif;font-size:34px;font-weight:600;line-height:1.15}.invitation-guest-institution{color:#e5e5e5;letter-spacing:1.5px;text-transform:uppercase;margin-top:7px;font-size:11px;font-weight:500;line-height:1.5}.invitation-guest-category{color:#d6b36a;letter-spacing:2px;text-align:center;background:#d6b36a0d;border:1px solid #d6b36a4d;justify-content:center;align-items:center;margin-top:10px;padding:5px 13px;font-size:7px;font-weight:700;display:inline-flex}@media (width<=600px){.invitation-guest{margin-top:18px}.invitation-guest-name{font-size:30px}.invitation-guest-institution{letter-spacing:1.2px;font-size:10px}}.attendance-section{text-align:center;background:linear-gradient(#ffffff06,#b5122b09,#ffffff04);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;margin-top:55px;padding:30px 20px 35px;position:relative}.attendance-heading{justify-content:center;align-items:center;gap:12px;display:flex}.attendance-heading>div:nth-child(2){flex-shrink:0}.attendance-heading small{color:#aaa;letter-spacing:3px;font-size:8px;font-weight:600;display:block}.attendance-heading h2{color:#fff;margin-top:7px;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:600;line-height:1.1}.attendance-line{background:linear-gradient(90deg,#0000,#d6b36a8c);width:45px;height:1px}.attendance-line:last-child{background:linear-gradient(90deg,#d6b36a8c,#0000)}.attendance-description{color:#ffffff94;max-width:470px;margin:18px auto 25px;font-family:Cormorant Garamond,Georgia,serif;font-size:16px;line-height:1.5}.attendance-description strong{color:#d6b36a;font-weight:600}.attendance-form{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.attendance-button{cursor:pointer;letter-spacing:2px;text-transform:uppercase;border-radius:50px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:360px;min-height:58px;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;display:flex;position:relative}.attendance-hadir{color:#17120a;background:linear-gradient(#f1d58c,#c79d4f);border:1px solid #d6b36aa6;box-shadow:0 10px 25px #d6b36a2e}.attendance-hadir:hover{transform:translateY(-3px);box-shadow:0 15px 35px #d6b36a4d}.attendance-tidak-hadir{color:#ccc;background:#ffffff09;border:1px solid #ffffff29}.attendance-tidak-hadir:hover{color:#fff;background:#b5122b1f;border-color:#b5122b8c;transform:translateY(-3px)}.attendance-button-icon{border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;line-height:1;display:flex}.attendance-hadir .attendance-button-icon{background:#0000001f}.attendance-tidak-hadir .attendance-button-icon{background:#ffffff12}.attendance-confirmed{background:#d6b36a0d;border:1px solid #d6b36a4d;justify-content:center;align-items:center;gap:14px;width:100%;max-width:360px;margin:0 auto;padding:18px 20px;display:flex}.attendance-confirmed-icon{color:#17120a;background:linear-gradient(#f1d58c,#c79d4f);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.attendance-confirmed-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.attendance-confirmed-text small{color:#888;letter-spacing:2px;font-size:7px;font-weight:600}.attendance-confirmed-text strong{color:#d6b36a;letter-spacing:2px;margin-top:3px;font-size:12px}@media (width<=600px){.attendance-section{margin-top:45px;padding:25px 12px 30px}.attendance-heading{gap:7px}.attendance-heading h2{font-size:23px}.attendance-line{width:25px}.attendance-description{margin-top:15px;font-size:15px}.attendance-button{letter-spacing:1.5px;min-height:55px;font-size:10px}}