@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.App,body{background:#0a0a0a}.App,.app-container{min-height:100vh}.app-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;justify-content:center;padding:20px}.device-frame{background:#000;border-radius:55px;box-shadow:0 0 0 14px #1a1a1a,0 0 0 16px #2a2a2a,0 40px 80px #000c;height:932px;max-width:430px;overflow:hidden;position:relative;width:100%}.ios-notch{align-items:center;background:#000;border-radius:0 0 20px 20px;display:flex;gap:8px;height:32px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);width:180px;z-index:9999}.notch-speaker{background:#1a1a1a;border-radius:3px;height:6px;width:60px}.notch-camera{background:#0a0a0a;border:2px solid #1a1a1a;border-radius:50%;height:12px;width:12px}.ios-status-bar{background:#0000;color:#fff;font-size:15px;font-weight:600;height:50px;justify-content:space-between;left:0;padding:12px 24px 0;position:absolute;right:0;top:0;z-index:9998}.ios-status-bar,.status-left,.status-right{align-items:center;display:flex}.status-right{gap:6px}.status-icon{font-size:14px}.status-battery{font-size:13px}.device-content{background:#0a0a0a;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:0;padding-top:0;position:relative;width:100%}.device-content::-webkit-scrollbar{width:0}@media (max-width:768px){.app-container{padding:0}.device-frame{border-radius:30px;height:100vh;margin:0 auto;overflow:hidden;position:relative;width:375px}.ios-notch{display:none}}.page-container{background:#0a0a0a;min-height:calc(100vh - 50px);padding-bottom:80px;position:relative}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0a0a0af2,#000000fa);border-top:1px solid #ffffff0d;bottom:0;height:75px;justify-content:space-around;left:0;padding:0 20px 20px;position:sticky;right:0;width:100%;z-index:1000}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{border-radius:16px;color:#666;flex-direction:column;font-size:11px;font-weight:500;gap:4px;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:#e63946;transform:translateY(-2px)}.nav-item.active{color:#e63946}.nav-item.active:before{border-radius:50%;box-shadow:0 0 10px #e63946;content:"";height:4px;left:50%;top:-10px;transform:translateX(-50%);width:4px}.nav-badge,.nav-item.active:before{background:#e63946;position:absolute}.nav-badge{border-radius:10px;color:#fff;font-size:9px;font-weight:700;min-width:16px;padding:2px 5px;right:10px;text-align:center;top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .5s ease-out}.slide-up{animation:slideUp .6s cubic-bezier(.4,0,.2,1)}.neon-text{text-shadow:0 0 10px currentColor,0 0 20px currentColor}.glow-effect{box-shadow:0 0 20px #e639464d}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e6394633;border-radius:50%;border-top-color:#e63946;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.dao-hero{background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border:1px solid #ffffff0d;border-radius:20px;margin-bottom:30px;padding:30px 20px;text-align:center}.dao-hero h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;font-size:26px;margin:15px 0 10px}.dao-list{display:flex;flex-direction:column;gap:15px}.dao-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2899;border:1px solid #ffffff14;border-radius:16px;padding:20px;transition:transform .2s ease}.dao-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.dao-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.status-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-badge.active{background:#00fff026;border:1px solid #00fff04d;color:#00fff0}.dao-title{color:#fff;font-size:18px;margin-bottom:8px}.dao-desc{color:#a0a0b0;font-size:14px;line-height:1.5}.dao-desc,.vote-stats{margin-bottom:20px}.vote-bar-container{background:#ffffff0d;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.vote-bar{background:#00fff0;height:100%;transition:width .5s ease}.vote-numbers{display:flex;font-size:13px;font-weight:500;justify-content:space-between}.yes-text{color:#00fff0}.no-text,.yes-text{align-items:center;display:flex;gap:4px}.no-text{color:#ff4757}.dao-actions{display:flex;gap:10px}.btn-vote{border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .2s}.btn-yes{background:#00fff01a;border:1px solid #00fff04d}.btn-yes:hover:not(:disabled){background:#00fff033}.btn-no{background:#ff47571a;border:1px solid #ff47574d}.btn-no:hover:not(:disabled){background:#ff475733}.btn-vote:disabled{cursor:not-allowed;opacity:.5}.create-proposal-section{margin-top:40px}.create-proposal-section h3{margin-bottom:15px}