*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0052ff 0,#001a66);min-height:100vh;color:white}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.header{text-align:center;margin-bottom:60px}.site-title{font-size:3.5rem;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.site-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:24px;font-weight:400}.connect-button{background:white;color:#0052ff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.connect-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.3)}.connect-button:disabled{opacity:.5;cursor:not-allowed}.connected-badge{display:inline-block;background:rgba(255,255,255,.2);padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.3)}.articles-grid{display:grid;grid-template-columns:1fr;grid-gap:32px;gap:32px;margin-bottom:60px}@media (min-width:768px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.articles-grid{grid-template-columns:repeat(3,1fr)}}.article-card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;text-decoration:none;color:white;display:flex;flex-direction:column;cursor:pointer}.article-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.3);border-color:rgba(255,255,255,.4)}.article-image{width:100%;height:200px;background-color:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:contain}.article-content{padding:24px;flex:1 1;display:flex;flex-direction:column}.article-title{font-size:1.5rem;font-weight:700;margin-bottom:12px;line-height:1.3}.article-teaser{font-size:1rem;line-height:1.6;opacity:.9;margin-bottom:20px;flex:1 1}.article-footer{justify-content:space-between;align-items:center}.article-footer,.article-footer-vertical{display:flex;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.article-footer-vertical{flex-direction:column;gap:12px}.article-price{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:12px}.article-price,.read-more{font-size:.875rem;font-weight:600}.read-more{opacity:.8}.unlock-button-small{background:white;color:#0052ff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.unlock-button-small:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.3)}.unlock-button-small:disabled{opacity:.5;cursor:not-allowed}.footer{text-align:center;padding:40px 0;border-top:1px solid rgba(255,255,255,.2)}.footer p{margin:8px 0;opacity:.8}.footer-note{font-size:.875rem}.article-page{min-height:100vh}.article-container{max-width:800px;margin:0 auto;padding:40px 20px}.back-link{display:inline-block;color:white;text-decoration:none;margin-bottom:24px;opacity:.9;transition:opacity .2s}.back-link:hover{opacity:1}.article-hero-image{width:100%;max-height:500px;background-color:rgba(0,0,0,.2);border-radius:16px;margin-bottom:32px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;overflow:hidden}.article-hero-image img{width:100%;height:100%;max-height:500px;object-fit:contain}.article-header{margin-bottom:32px}.article-page-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:16px}.article-unlock-info{font-size:1rem;opacity:.9;background:rgba(255,255,255,.1);padding:12px 16px;border-radius:8px;display:inline-block}.article-panel{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:48px 32px;border:1px solid rgba(255,255,255,.2);text-align:center}.paywall-message{max-width:500px;margin:0 auto}.paywall-message p{font-size:1.125rem;line-height:1.6;margin-bottom:16px}.paywall-note{font-size:.875rem;opacity:.8;margin-bottom:24px}.unlock-button{background:white;color:#0052ff;border:none;padding:14px 36px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.unlock-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.3)}.unlock-button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#ff6b6b;background:rgba(255,107,107,.2);padding:12px;border-radius:8px;margin-bottom:16px;font-size:.875rem}.article-body{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px;border:1px solid rgba(255,255,255,.2);line-height:1.8}.article-body p{font-size:1.125rem;margin-bottom:24px;line-height:1.8}.article-body p:last-child{margin-bottom:0}.card{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:32px;margin-bottom:24px;border:1px solid rgba(255,255,255,.2)}.title{font-size:2.5rem;font-weight:700;margin-bottom:8px}.subtitle,.title{text-align:center}.subtitle{font-size:1.1rem;opacity:.9;margin-bottom:32px}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:16px}.info-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;background:rgba(0,0,0,.2);border-radius:8px}.info-label{font-size:.875rem;opacity:.8;font-weight:500}.info-value{font-family:Monaco,Courier New,monospace;font-size:.9rem;word-break:break-all}.button{background:white;color:#0052ff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;margin-bottom:12px}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,255,255,.3)}.button:disabled{opacity:.5;cursor:not-allowed}.button-secondary{background:transparent;color:white;border:2px solid white}.button-secondary:hover:not(:disabled){background:rgba(255,255,255,.1)}.status-message{padding:12px 16px;background:rgba(0,0,0,.3);border-radius:8px;margin-bottom:16px;font-size:.9rem}.button-group{display:flex;flex-direction:column;gap:12px}.input-group{margin-bottom:16px}.input-label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500}.input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.2);color:white;font-size:1rem;font-family:Monaco,Courier New,monospace}.input::placeholder{color:rgba(255,255,255,.5)}.input:focus{outline:none;border-color:white}