#app{min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#7cb9a81a;border-radius:var(--ghibli-radius-full)}::-webkit-scrollbar-thumb{background:var(--ghibli-gradient-primary);border-radius:var(--ghibli-radius-full);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{transform:scale(1.1)}::selection{background:#7cb9a84d;color:var(--ghibli-text)}.no-select{-webkit-user-select:none;user-select:none}:root{--ghibli-sage: #7cb9a8;--ghibli-cream: #f4e4bc;--ghibli-coral: #e8a87c;--ghibli-sky: #85cdca;--ghibli-rose: #c38d94;--ghibli-brown: #5a4a3a;--ghibli-light: #ffffff;--ghibli-dark: #3a3a3a;--ghibli-shadow: 0 8px 30px rgba(0, 0, 0, .08);--ghibli-shadow-sm: 0 4px 15px rgba(0, 0, 0, .05);--ghibli-radius-sm: 12px;--ghibli-radius-md: 16px;--ghibli-radius-lg: 24px;--ghibli-radius-xl: 32px;--ghibli-radius-full: 9999px;--ghibli-gradient-primary: linear-gradient(135deg, var(--ghibli-sage) 0%, var(--ghibli-sky) 100%);--ghibli-gradient-secondary: linear-gradient(135deg, var(--ghibli-cream) 0%, var(--ghibli-coral) 100%);--ghibli-gradient-light: linear-gradient(135deg, var(--ghibli-light) 0%, var(--ghibli-cream) 100%);--ghibli-gradient-sky: linear-gradient(180deg, #87ceeb 0%, #b4e4f5 50%, #f4e4bc 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--ghibli-gradient-sky);color:var(--ghibli-brown);line-height:1.6;overflow-x:hidden;position:relative}.ghibli-sky-gradient{background:linear-gradient(180deg,#87ceeb,#b4e4f5,#f4e4bc)}.ghibli-cloud{position:absolute;background:#ffffff80;border-radius:9999px;filter:blur(4px);animation:float 20s ease-in-out infinite;z-index:0}.ghibli-cloud-1{top:10%;left:10%;width:150px;height:80px;animation-delay:0s}.ghibli-cloud-2{top:20%;right:15%;width:120px;height:60px;animation-delay:5s}.ghibli-cloud-3{top:30%;left:30%;width:100px;height:50px;animation-delay:10s}.ghibli-cloud-4{top:15%;right:30%;width:130px;height:70px;animation-delay:15s}.ghibli-nature-element{position:absolute;border-radius:50%;background:#7cb9a81a;z-index:0}.ghibli-nature-element-1{bottom:10%;left:5%;width:80px;height:80px}.ghibli-nature-element-2{bottom:20%;right:10%;width:60px;height:60px}.ghibli-nature-element-3{bottom:15%;left:20%;width:40px;height:40px}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(20px,-10px) rotate(5deg)}to{transform:translate(0) rotate(0)}}.ghibli-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.ghibli-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--ghibli-radius-xl);box-shadow:var(--ghibli-shadow);padding:32px;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1;border:2px solid rgba(212,196,154,.5)}.ghibli-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.ghibli-button{padding:12px 24px;border:none;border-radius:var(--ghibli-radius-full);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--ghibli-shadow-sm);position:relative;z-index:1}.ghibli-button-primary{background:var(--ghibli-gradient-primary);color:var(--ghibli-light)}.ghibli-button-secondary{background:var(--ghibli-gradient-secondary);color:var(--ghibli-brown)}.ghibli-button:hover{transform:translateY(-2px);box-shadow:var(--ghibli-shadow)}.ghibli-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ghibli-input{width:100%;padding:12px 16px;border:2px solid var(--ghibli-sage);border-radius:var(--ghibli-radius-md);font-size:14px;transition:all .3s ease;background:#fffc;color:var(--ghibli-brown);position:relative;z-index:1}.ghibli-input:focus{outline:none;border-color:var(--ghibli-coral);box-shadow:0 0 0 3px #e8a87c1a}.ghibli-error{background:#ff64641a;color:#c33;padding:12px 16px;border-radius:var(--ghibli-radius-md);margin:16px 0;border-left:4px solid #c33;position:relative;z-index:1}.ghibli-success{background:#64ff641a;color:#3c3;padding:12px 16px;border-radius:var(--ghibli-radius-md);margin:16px 0;border-left:4px solid #3c3;position:relative;z-index:1}.ghibli-border{border:2px solid rgba(212,196,154,.5);border-radius:var(--ghibli-radius-xl)}.ghibli-shadow{box-shadow:0 8px 30px #00000014}@media (max-width: 768px){.ghibli-card{padding:24px}.ghibli-button{padding:10px 20px;font-size:14px}.ghibli-input{padding:10px 14px;font-size:13px}}@media (max-width: 480px){.ghibli-card{padding:16px}.ghibli-button{padding:8px 16px;font-size:13px}.ghibli-input{padding:8px 12px;font-size:12px}}