.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);background-size:400% 400%;animation:gradient 15s ease infinite}.landing-page:before,.landing-page:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 6s ease-in-out infinite}.landing-page:before{width:500px;height:500px;background:#667eea;top:-200px;left:-200px;animation-delay:0s}.landing-page:after{width:400px;height:400px;background:#764ba2;bottom:-150px;right:-150px;animation-delay:3s}.landing-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:60px 40px;max-width:900px;width:100%;box-shadow:0 30px 80px #0000004d;text-align:center;position:relative;z-index:1;border:1px solid rgba(255,255,255,.2)}.title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;letter-spacing:-1px;animation:float 3s ease-in-out infinite}.subtitle{font-size:1.3rem;color:#666;margin-bottom:50px;font-weight:500}.wallet-connect-section{margin-bottom:60px;display:flex;gap:20px;justify-content:center;align-items:center}.connect-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 60px;font-size:1.2rem;font-weight:700;border-radius:15px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 10px 30px #667eea66}.connect-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.connect-button:hover:not(:disabled){transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px #667eea99}.connect-button:hover:not(:disabled):before{width:300px;height:300px}.connect-button:active:not(:disabled){transform:translateY(-2px) scale(1.02)}.chatbot-button{background:linear-gradient(135deg,#a77dff,#e0c3fc);color:#fff;padding:15px 40px;font-size:1rem;font-weight:700;border-radius:15px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 25px #a77dff66}.chatbot-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.chatbot-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #a77dff99}.chatbot-button:hover:before{width:200px;height:200px}.warning{color:#ff6b6b;margin-top:20px;font-size:.95rem;animation:pulse 2s ease-in-out infinite}.info-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:50px}.info-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);padding:30px;border-radius:20px;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.info-card:hover{transform:translateY(-10px) scale(1.05);border-color:#667eea80;box-shadow:0 15px 40px #667eea4d}.info-card:hover:before{left:100%}.info-card h3{color:#333;margin-bottom:12px;font-size:1.3rem;font-weight:700}.info-card p{color:#666;font-size:1rem;font-weight:500}.info-card:nth-child(1):after{content:"⏱️";font-size:2rem;display:block;margin-bottom:10px}.info-card:nth-child(2):after{content:"🔒";font-size:2rem;display:block;margin-bottom:10px}.info-card:nth-child(3):after{content:"⛓️";font-size:2rem;display:block;margin-bottom:10px}@media (max-width: 768px){.title{font-size:2.5rem}.landing-container{padding:40px 25px}.connect-button{padding:18px 40px;font-size:1rem}.chatbot-button{padding:12px 30px;font-size:.9rem}.info-section{grid-template-columns:1fr}}.video-player-page{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#2d1b4e);background-size:400% 400%;animation:gradient 20s ease infinite;position:relative;overflow:hidden}.video-player-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(102,126,234,.05) 0%,transparent 50%);animation:float 8s ease-in-out infinite}.video-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:40px;max-width:1400px;width:100%;box-shadow:0 30px 80px #00000080;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:40px}@media (max-width: 1024px){.video-container{grid-template-columns:1fr}}.video-header{margin-bottom:30px;text-align:center;grid-column:1 / -1}.video-title{font-size:2.5rem;color:#fff;margin-bottom:15px;font-weight:800;text-shadow:0 0 20px rgba(102,126,234,.5);animation:glow 3s ease-in-out infinite}.creator-address{color:#ffffffb3;font-size:1rem;word-break:break-all;font-family:Courier New,monospace;background:#0000004d;padding:10px 20px;border-radius:10px;display:inline-block}.video-wrapper{margin-bottom:40px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;grid-column:1}@media (max-width: 1024px){.video-wrapper{grid-column:1}}.video-element{width:100%;border-radius:20px;background:#000;display:block}.video-controls{display:flex;align-items:center;gap:20px;margin-top:20px;background:#0000004d;padding:15px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.play-pause-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 35px;border-radius:12px;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 5px 20px #667eea66}.play-pause-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #667eea99}.progress-bar{flex:1;height:10px;background:#fff3;border-radius:10px;overflow:hidden;position:relative}.progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:10px;box-shadow:0 0 10px #667eea80}.side-panel{grid-column:2;display:flex;flex-direction:column;gap:25px}@media (max-width: 1024px){.side-panel{grid-column:1}}.counter-section{display:flex;flex-direction:column;gap:20px;margin-bottom:0}.counter-card{background:linear-gradient(135deg,#667eea33,#764ba233);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:25px;border-radius:20px;text-align:center;border:2px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.counter-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.counter-card:hover{transform:translateY(-10px) scale(1.05);border-color:#667eea80;box-shadow:0 20px 40px #667eea66}.counter-label{font-size:1rem;opacity:.9;margin-bottom:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.counter-value{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settle-button{width:100%;background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;padding:22px;font-size:1.2rem;font-weight:700;border-radius:15px;transition:all .3s ease;box-shadow:0 10px 30px #ff6b6b66;position:relative;overflow:hidden;margin-top:auto}.settle-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.settle-button:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #ff6b6b99}.settle-button:hover:not(:disabled):before{width:400px;height:400px}.settle-button:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}@media (max-width: 1024px){.video-container{padding:30px}}@media (max-width: 768px){.video-container{padding:25px}.video-title{font-size:1.8rem}.counter-value{font-size:1.6rem}.play-pause-btn{padding:12px 25px;font-size:1rem}.counter-section{flex-direction:column}}.payment-page{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#2d1b4e);background-size:400% 400%;animation:gradient 20s ease infinite;position:relative}.payment-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 30% 40%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(118,75,162,.1) 0%,transparent 50%);animation:float 10s ease-in-out infinite}.payment-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:50px;max-width:1200px;width:100%;box-shadow:0 30px 80px #00000080;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;display:grid;grid-template-columns:1fr 400px;gap:40px}@media (max-width: 1024px){.payment-container{grid-template-columns:1fr;max-width:700px}}.payment-title{font-size:2.5rem;color:#fff;margin-bottom:40px;text-align:center;font-weight:800;text-shadow:0 0 20px rgba(102,126,234,.5)}.payment-content{grid-column:1}.payment-info{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;margin-bottom:35px;border:1px solid rgba(255,255,255,.1)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.info-row:hover{background:#667eea1a;padding-left:10px;padding-right:10px;border-radius:10px}.info-row:last-child{border-bottom:none}.label{font-weight:600;color:#ffffffb3;font-size:1.1rem}.value{font-weight:700;color:#fff;font-size:1.1rem;text-align:right}.amount-highlight{color:gold;font-size:1.8rem;font-weight:800;text-shadow:0 0 10px rgba(255,215,0,.5)}.address{font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;max-width:60%;color:#fffc}.button-section{grid-column:2;display:flex;flex-direction:column;gap:20px;align-items:stretch}@media (max-width: 1024px){.button-section,.payment-content{grid-column:1}}.pay-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:22px;font-size:1.2rem;font-weight:700;border-radius:15px;margin-bottom:0;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;position:relative;overflow:hidden}.pay-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pay-button:hover:not(:disabled){transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #667eea99}.pay-button:hover:not(:disabled):before{width:400px;height:400px}.back-button{width:100%;background:#ffffff1a;color:#fff;padding:16px;font-size:1rem;font-weight:600;border-radius:15px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.back-button:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}@media (max-width: 768px){.payment-container{padding:30px 20px}.payment-title{font-size:2rem}.address{max-width:50%}.amount-highlight{font-size:1.5rem}}.confirmation-page{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#2d1b4e);background-size:400% 400%;animation:gradient 20s ease infinite;position:relative}.confirmation-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(81,207,102,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(102,126,234,.1) 0%,transparent 50%);animation:float 8s ease-in-out infinite}.confirmation-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:60px 50px;max-width:800px;width:100%;box-shadow:0 30px 80px #00000080;text-align:center;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.success-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#51cf66,#40c057);color:#fff;font-size:3.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;font-weight:700;box-shadow:0 0 40px #51cf6680;animation:float 3s ease-in-out infinite}.confirmation-title{font-size:2.5rem;color:#fff;margin-bottom:50px;font-weight:800;text-shadow:0 0 20px rgba(81,207,102,.5)}.confirmation-info{text-align:left}.info-card{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;margin-bottom:25px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.info-card:hover{transform:translateY(-5px);border-color:#667eea80;box-shadow:0 10px 30px #667eea4d}.card-label{font-size:1rem;color:#ffffffb3;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.card-value{font-size:1.8rem;font-weight:800;color:#fff}.card-value.amount{color:gold;font-size:2.2rem;text-shadow:0 0 15px rgba(255,215,0,.5)}.transaction-section{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;margin-bottom:25px;border:1px solid rgba(255,255,255,.1)}.transaction-label{font-size:1rem;color:#ffffffb3;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.transaction-hash{word-break:break-all;font-family:Courier New,monospace;font-size:.9rem;color:#ffffffe6}.hash-link{color:#667eea;text-decoration:none;transition:all .3s ease;font-weight:600}.hash-link:hover{color:#fff;text-shadow:0 0 10px rgba(102,126,234,.8);text-decoration:underline}.off-chain-hash{color:#51cf66;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.address-section{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;border:1px solid rgba(255,255,255,.1)}.address-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.address-row:first-child{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:18px;margin-bottom:12px}.address-label{font-weight:600;color:#ffffffb3;font-size:1rem;min-width:50px}.address-container{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.address-value{font-family:Courier New,monospace;font-weight:600;color:#fff;font-size:1rem}.full-address{word-break:break-all;text-align:right;max-width:300px}.copy-button{background:#667eea33;border:1px solid rgba(102,126,234,.5);border-radius:8px;padding:6px 10px;color:#fff;cursor:pointer;font-size:.9rem;transition:all .3s ease;min-width:40px;height:32px;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:#667eea66;border-color:#667eeacc;transform:scale(1.05)}.home-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:22px;font-size:1.2rem;font-weight:700;border-radius:15px;margin-top:40px;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;position:relative;overflow:hidden}.home-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.home-button:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #667eea99}.home-button:hover:before{width:400px;height:400px}@media (max-width: 768px){.confirmation-container{padding:40px 25px}.confirmation-title{font-size:2rem}.success-icon{width:80px;height:80px;font-size:2.5rem}.card-value{font-size:1.5rem}.card-value.amount{font-size:1.8rem}.address-row{flex-direction:column;align-items:flex-start;gap:8px}.address-container{justify-content:flex-start;width:100%}.full-address{max-width:100%;text-align:left;font-size:.9rem}.copy-button{align-self:flex-end}}.chatbot-page{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#2d1b4e);background-size:400% 400%;animation:gradient 20s ease infinite;position:relative}.chatbot-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(200,100,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(100,255,200,.1) 0%,transparent 50%);animation:float 8s ease-in-out infinite}.chatbot-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:40px;max-width:700px;width:100%;box-shadow:0 30px 80px #00000080;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;display:flex;flex-direction:column;gap:25px}.chatbot-title{font-size:2.2rem;color:#fff;text-align:center;font-weight:800;text-shadow:0 0 20px rgba(100,255,200,.5)}.chat-window{flex-grow:1;background:#0000004d;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;max-height:400px;border:1px solid rgba(255,255,255,.1)}.chat-message{padding:12px 18px;border-radius:20px;max-width:80%;font-size:1rem;line-height:1.5;word-wrap:break-word}.chat-message.user{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.chat-message.bot{background:#ffffff1a;color:#ffffffe6;align-self:flex-start;border-bottom-left-radius:5px}.loading-message span{animation:blink 1s infinite}.loading-message span:nth-child(2){animation-delay:.2s}.loading-message span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.chat-input-area{display:flex;gap:15px;margin-top:15px}.chat-input{flex-grow:1;padding:15px 20px;border-radius:15px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.chat-input::placeholder{color:#ffffff80}.chat-input:focus{border-color:#667eea;box-shadow:0 0 15px #667eea80}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 25px;border-radius:15px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #667eea4d}.send-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}@media (max-width: 768px){.chatbot-container{padding:25px;gap:20px}.chatbot-title{font-size:1.8rem}.chat-input-area{flex-direction:column;gap:10px}.send-button{width:100%}.chat-message{max-width:90%}}*{margin:0;padding:0;box-sizing:border-box}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:#0a0e27;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea80}50%{box-shadow:0 0 40px #667eeacc}}