@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:local("/static/Montserrat-Medium.ttf") format("truetype")}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;font-display:swap;src:local("/static/RobotoMono-Regular.ttf") format("truetype")}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;font-display:swap;src:local("/static/RobotoMono-Medium.ttf") format("truetype")}:root{--color-bg: #1D1D1E;--color-primary: #A62288;--color-text-primary: #FFFFFF;--color-text-secondary: #CCCCCC;--color-text-tertiary: #626265;--color-border: #434344;--color-button-text: #E5E7EB;-font-primary:'Montserrat', sans-serif;--font-monospace: 'Roboto Mono', monospace;--gradient-primary: linear-gradient(180deg, rgba(166, 34, 136, 0.5) 0%, rgba(53, 11, 43, 0.5) 100%);--gradient-secondary: linear-gradient(180deg, #16BA5C 0%, #063C1E 100%);--gradient-button: linear-gradient(180deg, #A62288 0%, #400D34 100%);--bg-upload: rgba(56, 56, 56, 0.2);--bg-button: rgba(166, 34, 136, 0.1);--border-upload: rgba(67, 67, 68, 0.6);--border-dropdown: rgba(56, 56, 56, 0.4)}*{margin:0;padding:0;box-sizing:border-box}body{background:#1D1D1E;font-family:var(--font-primary);color:#E5E7EB}.main-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.header{width:100%;padding:20px 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222223}.go-back-btn{display:flex;align-items:center;gap:8px;min-width:120px;height:40px;padding:5px 10px;background:var(--gradient-primary);border:0.8px solid var(--color-primary);border-radius:5px;color:var(--color-button-text);cursor:pointer;text-decoration:none;margin-left:0}.hero-section{width:100%;padding:34px 0;text-align:center}.logo-container{width:250px;height:182px;margin:0 auto;display:flex;justify-content:center;align-items:center}.logo{width:100%;height:100%;object-fit:contain}.text-section{width:100%;max-width:600px;margin:0 auto;padding:20px}.heading{color:var(--color-primary);font-size:32px;font-weight:500;line-height:40px;margin-bottom:10px}.subtext{font-family:var(--font-monospace);font-size:20px;color:var(--color-text-secondary);line-height:26px}.placeholder-grid{width:995px;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;padding:20px}.placeholder-box{height:122px;background:var(--bg-upload);border-radius:10px;box-shadow:0px 0px 4px rgba(0,0,0,0.1)}.upload-section{width:455px;margin:34px auto;padding:32px;background:var(--bg-upload);border-radius:20px}.upload-container{width:100%;min-height:302px;padding:32px;border:2px dashed var(--border-upload);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:32px}.upload-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-area{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-text{text-align:center}.drag-text{color:var(--color-button-text);font-size:16px;font-weight:500;line-height:24px}.or-text{color:var(--color-text-tertiary);font-size:16px;font-weight:500;line-height:24px;margin:8px 0}.hidden-input{display:none}.browse-btn{display:inline-block;padding:8px 16px;background:rgba(166,34,136,0.1);border:0.8px solid #A62288;border-radius:5px;color:#E5E7EB;cursor:pointer;font-family:'Montserrat', sans-serif;font-size:14px}.browse-btn:hover{background:rgba(166,34,136,0.2)}.expiry-select{position:relative;width:216px}.expiry-select select{width:100%;height:38px;padding:9px 24px;background:#2A2A2B url(/assets/chevron-down-3e1cecccb136d92559c22a2dab2e7bd2879b20913f8c674f81f0502127129152.png) no-repeat;background-position:right 16px center;background-size:12px;border:1px solid rgba(98,98,101,0.6);border-radius:8px;font-family:'Montserrat', sans-serif;font-size:16px;margin:10px;font-weight:500;color:#E5E7EB;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.expiry-select select option,.expiry-select select:focus option,select.expiry-select option,select option{background-color:#2A2A2B !important;color:#E5E7EB !important}.expiry-select select option:hover,.expiry-select select option:focus,.expiry-select select option:active,.expiry-select select option:checked,select option:hover,select option:focus{background-color:rgba(166,34,136,0.1) !important;color:#A62288 !important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.expiry-select select:focus{outline:none;border-color:#A62288}@supports (-webkit-appearance: none){.expiry-select select option:hover,.expiry-select select option:focus{background:rgba(166,34,136,0.1) !important;color:#A62288 !important}}.action-buttons{display:flex;gap:16px;margin:10px}.cancel-btn{width:84px;height:40px;background:transparent;border:none;color:var(--color-button-text);font-size:16px;font-weight:500;cursor:pointer}.upload-btn{width:123px;height:40px;background:var(--gradient-primary);border:0.8px solid var(--color-primary);border-radius:5px;color:var(--color-button-text);font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.warning-message{display:flex;align-items:center;gap:8px;margin-top:16px}.warning-message span{color:var(--color-text-tertiary);font-size:16px;line-height:24px}.footer{position:relative;width:100%;min-height:288px;background:var(--color-bg);border-top:1px solid #222223}.footer-content{display:flex;flex-direction:column;align-items:center;padding-top:40px;max-width:1440px;margin:0 auto;min-height:inherit;position:relative}.footer-nav{display:flex;justify-content:center;gap:32px}.footer-nav.primary{width:368px}.footer-nav.secondary{width:174px;margin-top:10px}.nav-link{color:#cccccc;font-family:'Montserrat';font-size:16px;font-weight:400;line-height:24px;text-decoration:none;padding:10px 0}.nav-link:hover{color:var(--color-primary)}.copyright{color:var(--color-text-secondary);font-size:16px;line-height:24px;margin-top:20px}@media screen and (max-width: 1200px){.placeholder-grid{width:100%;grid-template-columns:repeat(2, 1fr);padding:20px}.upload-section{width:90%;max-width:455px}}@media screen and (max-width: 768px){.header{padding:10px 20px}.go-back-btn{min-width:auto}.logo-container{width:200px;height:146px}.heading{font-size:28px;line-height:36px}.subtext{font-size:16px;line-height:24px}.placeholder-grid{grid-template-columns:1fr;gap:15px}.placeholder-box{height:100px}.upload-section{width:calc(100% - 30px);padding:20px}.upload-container{padding:20px}.browse-btn,.expiry-select select{width:100%}.action-buttons{width:100%}.cancel-btn,.upload-btn{flex:1}.footer-nav{flex-direction:column;gap:15px}}@media screen and (max-width: 375px){.header{padding:10px}.footer-links-primary,.footer-links-secondary{flex-direction:column;gap:15px}.go-back-btn{font-size:14px;height:36px}.logo-container{width:150px;height:110px}.heading{font-size:24px;line-height:32px}.subtext{font-size:14px;line-height:20px}.upload-section{padding:15px}.upload-container{padding:15px;gap:20px}.drag-text{font-size:14px}.action-buttons{flex-direction:column;gap:10px}.cancel-btn,.upload-btn{width:100%;margin:0}.warning-message{flex-direction:column;text-align:center}}.spacer{display:inline-block;width:20px;vertical-align:middle}.placeholder-grid{padding:20px;display:flex;flex-direction:column}.placeholder-row{display:flex;justify-content:center;gap:28px;margin-bottom:28px}.placeholder-card{width:342px;height:122px;background:rgba(56,56,56,0.2);box-shadow:0px 0px 4px rgba(0,0,0,0.1);border-radius:10px}.placeholder-card img{width:100%;height:100%;display:block;border-radius:5px}