@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap";
:root{--bg-color:#1a1a1a;--panel-bg:#fff;--text-dark:#17181a;--text-light:#fff;--brand-color:#4063ff;--brand-hover:#294dec;--border-light:#e6e8eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);width:100vw;height:100vh;font-family:Inter,system-ui,sans-serif;overflow:hidden}main{width:100vw;height:100vh;position:relative}.hero-text{color:#fff;text-align:center;z-index:0;letter-spacing:-2px;font-family:Playfair Display,serif;font-size:80px;line-height:1.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-logo-fixed{color:#fff;z-index:20;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex;position:absolute;top:30px;left:40px}.top-nav{z-index:20;background:#fff;border-radius:30px;align-items:center;gap:5px;padding:5px 6px;display:flex;position:absolute;top:25px;right:40px;box-shadow:0 4px 20px #0000001a}.top-nav .nav-link{color:#17181a;border-radius:20px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.top-nav .nav-link:hover{background:#f0f2f5}.btn-signup{cursor:pointer;background:#17181a;border:none;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s;color:#fff!important}.btn-signup:hover{background:#000}.transfer-panel-container{background:var(--panel-bg);z-index:10;border-radius:24px;width:330px;padding:24px;position:absolute;top:50%;left:100px;transform:translateY(-50%);box-shadow:0 10px 40px #00000026}.upload-trigger-area{border-bottom:1px solid var(--border-light);flex-direction:column;margin-bottom:20px;padding-bottom:20px;display:flex}.upload-icon-container{width:48px;height:48px;color:var(--brand-color);cursor:pointer;background:#f0f2f5;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;transition:all .2s;display:flex}.upload-icon-container:hover{background:#e6e8eb}.upload-icon{width:20px;height:20px}.upload-title{color:var(--text-dark);margin-bottom:4px;font-size:20px;font-weight:600}.upload-subtitle{color:#555;cursor:pointer;font-size:14px}.input-group{border-bottom:1px solid var(--border-light);margin-bottom:0}.input-field{width:100%;color:var(--text-dark);background:0 0;border:none;outline:none;padding:14px 0;font-family:inherit;font-size:15px}.input-field::placeholder{color:#888}.textarea-field{resize:none;height:80px;padding-top:14px}.action-buttons{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.btn-icon{cursor:pointer;color:#333;background:#f0f2f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.btn-icon:hover{background:#e6e8eb}.btn-icon svg{width:20px;height:20px}.btn-transfer{background:var(--brand-color);color:#fff;cursor:pointer;border:none;border-radius:24px;padding:12px 30px;font-size:16px;font-weight:600;transition:background .2s}.btn-transfer:hover{background:var(--brand-hover)}.btn-transfer:disabled{opacity:.7;cursor:not-allowed}