body{background:radial-gradient(ellipse at 8% 0,#ebe5fb,transparent 50%),#f7f8fc;color:#292842}
main{max-width:1100px;padding:34px 24px 100px}.hero{position:relative;isolation:isolate;overflow:hidden;background:#eeeafa;border:1px solid #e3dcf5;border-radius:32px;padding:40px;min-height:230px;box-shadow:none}.hero h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.05em;line-height:1.2;color:#292842;text-shadow:none}.hero h1 strong{color:#694bc3}.hero p{line-height:1.8;color:#625779}.hero .brand{font-size:.85rem}.journey{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;max-width:65%}.journey span{background:#ffffffb8;padding:8px 12px;border-radius:30px;color:#625583;font-size:12px;letter-spacing:0}
.hero-art{position:absolute;right:38px;top:28px;width:230px;height:180px;z-index:-1;transform:rotate(-7deg)}.hero-art i{display:block;position:absolute;box-shadow:0 10px 18px #43335516}.gallery-art i{width:110px;height:135px;background:#fff;border:8px solid white;border-bottom-width:22px;left:5px;top:16px;transform:rotate(-6deg);border-radius:7px}.gallery-art i:before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,transparent 45%,#88bca2 46% 70%,#609881 71%),#d4e8f2}.gallery-art i:after{content:'';position:absolute;right:12px;top:12px;width:22px;height:22px;background:#f2c974;border-radius:50%}.gallery-art i+ i{left:110px;top:40px;transform:rotate(13deg)}.gallery-art i+ i:before{background:linear-gradient(35deg,transparent 35%,#bdabe0 36% 67%,#9481bc 68%),#eee1f4}
.market-art i{width:100px;height:113px;background:#b6d8c9;left:14px;top:57px;border:3px solid #80b39f;border-radius:10px 10px 18px 18px;transform:rotate(-6deg)}.market-art i:before{content:'';position:absolute;width:38px;height:37px;border:6px solid #61977f;border-bottom:0;border-radius:25px 25px 0 0;top:-35px;left:23px}.market-art i:after{content:'✦';position:absolute;top:30px;width:100%;text-align:center;font-size:35px;color:#5c947b}.market-art i+i{left:113px;top:40px;background:#f8d798;border-color:#dbb36c;transform:rotate(12deg)}.market-art i+i:before{border-color:#b98b45}.market-art i+i:after{color:#af8043;content:'♡'}
.card{border:1px solid #e6e5ef;box-shadow:0 8px 28px #29234506;border-radius:24px;padding:26px;margin:20px 0}.card h2{font-size:1.3rem;letter-spacing:-.04em;margin-top:0}.choices{display:grid;grid-template-columns:1fr 1fr;background:transparent;padding:0;border:0;box-shadow:none;gap:16px}.choices button{display:grid;grid-template-columns:50px 1fr;align-content:center;gap:6px 18px;text-align:left;padding:28px;min-height:150px;border-radius:24px;background:#fff;color:#343048;border:1px solid #e3dfef;box-shadow:0 6px 20px #34236207}.choices #teacher{background:#6b4dc5;color:white;border-color:#6b4dc5}.choice-icon{font-size:27px;border-radius:14px;background:#ede8ff;color:#7254bd;width:50px;height:50px;display:grid;place-items:center;grid-row:span 2}.choices #teacher .choice-icon{background:#ffffff26;color:white}.choices small{font-size:13px;font-weight:400;opacity:.85;grid-column:2}.choices b{font-size:20px}
button,.download{background:#6b4dc5;box-shadow:none;min-height:44px;border-radius:13px}.secondary{background:#eeeaf9;color:#594295;box-shadow:none}.danger{background:#ae3546;color:white}button:hover:not(:disabled),.download:hover{box-shadow:0 5px 18px #6347ad25}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #dda04d;outline-offset:3px}input,textarea,select{font:inherit;min-height:46px;padding:12px;border:1px solid #dcd8e8;border-radius:12px;background:#fcfbff;width:100%}input:focus,textarea:focus{outline:2px solid #ae9adc;outline-offset:1px}.qr,.qr-card{background:linear-gradient(110deg,#eff8f4,#fff);gap:22px}.qr img,.qr-card img{padding:8px;border:1px solid #e0e9e3;border-radius:16px}.badge{background:#ede7fb;color:#5c419c}.room-head{align-items:center}.actions,.tools{gap:10px}.muted{color:#696276;line-height:1.7}
.work,.item{padding:0;border:1px solid #e4deed;border-radius:20px;margin:0;height:100%}.work img,.item img{height:220px;object-fit:contain;background:#f0edf6;display:block}.work .inside,.item .inner{padding:20px}.work p,.item p{overflow-wrap:anywhere}.work h3,.item h3{font-size:19px;color:#3f315d}.grid,.item-grid{gap:18px;align-items:stretch}.price{color:#6b4dc5;font-size:25px;background:#f0ebfb;border-radius:12px;padding:10px 14px}.teacher-tools,.info-card{border-left:4px solid #a995cd;background:#faf8fe}.upload{padding:18px;border:2px dashed #cabce4;border-radius:18px;background:#faf8fe}.work details{margin-top:14px;border-top:1px solid #e5dfed;padding-top:12px}.work summary{cursor:pointer;color:#68519b;font-weight:bold}.work .actions{gap:6px;margin-top:14px}.work .actions button{min-width:44px;padding:8px 10px}.member{padding:14px 8px}.modal{z-index:300;background:#28223c80;backdrop-filter:blur(5px)}.modal .card{max-height:88dvh;overflow:auto;box-shadow:0 24px 80px #20183130}.notice{z-index:400}.site-footer{max-width:1050px;margin:-58px auto 0;padding-bottom:100px;line-height:1.9}.service-switcher{z-index:40}
@media(max-width:700px){main{padding:16px 14px 100px}.hero{padding:26px 22px;min-height:200px}.hero-art{right:-45px;opacity:.18}.journey{max-width:100%;gap:5px}.journey span{font-size:10px;padding:7px 9px}.choices{grid-template-columns:1fr;gap:10px}.choices button{min-height:110px;padding:20px}.card{padding:20px}.work,.item{padding:0}.grid,.item-grid{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.qr img,.qr-card img{width:110px;height:110px}.qr p,.qr-card p{font-size:12px}.room-head .actions,.room-head .tools{margin-top:16px}.hero h1{overflow-wrap:anywhere}.work .actions button{width:auto}}