.navbar{position:fixed;top:0;width:100%;height:80px;background:#1b1b1d;display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:2000}.experiment-title{font-family:Impact,Arial Black,sans-serif;font-size:32px;color:#fff;letter-spacing:2px;transform:rotate(-2deg);cursor:default;margin-left:auto;margin-right:40px}.computer-icon{font-size:28px;cursor:pointer;animation:pulse 2s infinite;background:linear-gradient(45deg,#e5bb1c,#6166ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#modaltext{text-align:center}#modaltext a{text-decoration:none;color:#6166ad;font-weight:700;font-size:20px}@media(max-width:768px){.navbar{padding:0 15px}.experiment-title{font-size:22px;margin-right:30px}}.ltarot-page{min-height:110dvh;padding-top:40px;background:none;text-align:center;overflow-x:hidden;position:relative}.ltarot-page:before{content:"";position:fixed;inset:0;background:url(/afterback.png) center / cover no-repeat;z-index:-1}.ltarot-page{overflow-x:hidden}.ltarot-page .tarot-title{font-family:Cinzel Decorative,serif;font-size:48px;letter-spacing:3px}.ltarot-page .generate-btn{padding:18px 60px;font-size:20px;cursor:pointer;position:relative;background:linear-gradient(135deg,#1b1b1d,#3a3a5c);color:#e5bb1c;border:2px solid #E5BB1C;clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%);letter-spacing:2px;transition:all .3s ease;margin-top:40px}.ltarot-page .generate-btn:hover{background:#6166ad;box-shadow:0 0 20px #e5bb1c99;transform:scale(1.05)}.ltarot-container{display:flex;justify-content:center;gap:40px;margin-top:60px;flex-wrap:wrap}.ltarot-container .card{width:280px;perspective:1000px}.ltarot-container .card img{width:100%;transition:transform .5s}.ltarot-container .spin img{animation:spin 2s linear}.ltarot-container .card-meaning{margin-top:15px;background:#00000080;padding:15px;border-radius:8px;width:230px;height:170px;overflow:hidden;display:flex;flex-direction:column}.ltarot-container .card-meaning p{overflow-y:auto;margin-top:8px;font-size:14px}.ltarot-container .card-meaning p::-webkit-scrollbar{width:6px}.ltarot-container .card-meaning p::-webkit-scrollbar-thumb{background:#6166ad;border-radius:6px}.ltarot-page .modal{background:#ffffff1a;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.ltarot-page .crystal-ball{position:fixed;top:100px;right:40px;font-size:28px;padding:18px;cursor:pointer;background:linear-gradient(135deg,#1b1b1d,#3a3a5c);color:#e5bb1c;border:2px solid #E5BB1C;clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%);animation:pulseBall 2.5s infinite;transition:all .3s ease;z-index:1200}.ltarot-page .crystal-ball:hover{box-shadow:0 0 20px #e5bb1c99;transform:scale(1.1)}@media(max-width:768px){.ltarot-page{padding-top:0}.ltarot-page .tarot-title{margin-top:120px!important}.ltarot-page>*{max-width:92vw;margin-left:auto;margin-right:auto}.ltarot-page .tarot-title{font-size:32px;margin-top:10px;line-height:1.2}.ltarot-page .generate-btn{margin-top:25px;padding:16px 40px;font-size:18px}.ltarot-container{flex-direction:column;align-items:center;gap:30px;margin-top:40px}.ltarot-container .card{width:min(380px,92vw)}.ltarot-page .crystal-ball{position:static;margin:30px auto 0;display:block;width:fit-content}}body{margin:0;font-family:sans-serif;background:linear-gradient(135deg,#6166ad,#8bcf9b);color:#fff;overflow-x:hidden;padding-top:100px}.computer-icon{position:fixed;top:20px;left:20px;font-size:30px;cursor:pointer;animation:pulse 2s infinite;background:linear-gradient(45deg,#e5bb1c,#6166ad);-webkit-background-clip:text;color:transparent;z-index:1000}#cardname{font-family:Impact,Arial Black,sans-serif;letter-spacing:2px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#ffffff1a;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.video-wrapper{position:fixed;top:100px;right:20px;z-index:1000}.banner-video{width:820px;height:auto;border-radius:10px;cursor:pointer;display:block}.close-video{position:absolute;top:-10px;left:-20px;font-size:36px;cursor:pointer;color:#3b3b3b;transition:transform .2s ease,color .2s ease}.close-video:hover{transform:scale(1.3);color:#bc0a16}.quadrant-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;padding:80px}.quadrant{position:relative;overflow:hidden;height:250px;cursor:pointer;border-radius:12px}.quadrant img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.quadrant:hover img{transform:translateY(-40%)}.quadrant .title{position:absolute;bottom:20px;left:20px;font-size:24px;opacity:0;transition:opacity .6s ease}.quadrant:hover .title{opacity:1}.tarot-page{min-height:calc(110vh - 80px);margin-top:-20px;background:url(/witch2.png) center/cover no-repeat fixed;text-align:center;padding-top:40px}.tarot-title{font-family:Cinzel Decorative,serif;font-size:48px;letter-spacing:3px}.generate-btn{padding:18px 60px;font-size:20px;cursor:pointer;position:relative;background:linear-gradient(135deg,#1b1b1d,#3a3a5c);color:#e5bb1c;border:2px solid #E5BB1C;clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%);letter-spacing:2px;transition:all .3s ease;margin-top:40px}.generate-btn:hover{background:#6166ad;box-shadow:0 0 20px #e5bb1c99;transform:scale(1.05)}@keyframes glare{0%{left:-100%}to{left:100%}}.cards-container{display:flex;justify-content:center;gap:40px;margin-top:60px;flex-wrap:wrap}.ltarot-container .card img{width:190px}.card{width:200px;perspective:1000px}.card img{width:100%;transition:transform 2s}.spin img{animation:spin 2s linear}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.card-meaning{margin-top:15px;background:#00000080;padding:15px;border-radius:8px;width:200px;height:160px;overflow:hidden;display:flex;flex-direction:column}.card-meaning p{overflow-y:auto;margin-top:8px;font-size:14px}.card-meaning p::-webkit-scrollbar{width:6px}.card-meaning p::-webkit-scrollbar-thumb{background:#6166ad;border-radius:6px}.overall-reading{margin:60px auto;max-width:600px;background:#0009;padding:25px;border-radius:10px}.ltarot-page{background:url(/afterback.png) center/cover no-repeat fixed}.crystal-ball{position:fixed;top:100px;right:40px;font-size:28px;padding:18px;cursor:pointer;background:linear-gradient(135deg,#1b1b1d,#3a3a5c);color:#e5bb1c;border:2px solid #E5BB1C;clip-path:polygon(10% 0%,90% 0%,100% 50%,90% 100%,10% 100%,0% 50%);animation:pulseBall 2.5s infinite;transition:all .3s ease;z-index:1200}.crystal-ball:hover{box-shadow:0 0 20px #e5bb1c99;transform:scale(1.1)}@keyframes pulseBall{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}@media(max-width:768px){.quadrant-container{grid-template-columns:1fr;padding:40px 20px;gap:25px}.quadrant{height:200px;border-radius:18px}.quadrant img{object-position:center}.cards-container{flex-direction:column;align-items:center}.video-wrapper{position:fixed;top:90px;right:10px;left:10px;z-index:1000}.banner-video{width:100%;max-width:100%;height:auto;border-radius:12px}.close-video{top:-8px;left:-8px;font-size:28px;background:#0006;border-radius:50%;padding:4px 8px;color:#fff}}