*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{margin:0;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:#f0ece2;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}.navigation{display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#6c5ce7,#81ecec);padding:5px 0;position:sticky;top:0;left:0;width:100%;z-index:1000;box-shadow:0 4px 6px #0000001a;border-radius:15px}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin:0 15px}.nav-item a{text-decoration:none;font-size:16px;color:#fff;transition:color .3s ease,background-color .3s ease;padding:5px 10px;border-radius:5px}.nav-item a:hover{background-color:#fff3;color:#ffeaa7}.active-link{font-weight:700;color:#ffeaa7;border-bottom:2px solid #ffeaa7}.navigation ul{display:flex;flex-direction:row;list-style-type:none;margin:0;padding:0;gap:15px;justify-content:center}.navigation li{margin:0;display:flex;align-items:center;justify-content:center}.navigation a{text-decoration:none;font-size:16px;font-weight:700;color:#fff;padding:8px 12px;border-radius:5px;transition:background .3s ease}.navigation a:hover,.navigation a.active-link{background:rgba(255,255,255,.2)}@media (max-width: 768px){.navigation ul{align-items:center}.navigation a{font-size:14px}}.signup-container{max-width:500px;margin:100px auto;padding:20px;background:rgba(255,255,255,.9);border-radius:15px;box-shadow:0 4px 8px #0003;text-align:center;position:relative}.signup-container .terms-container{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#333}.nav-bar{position:absolute;top:-50px;left:50%;transform:translate(-50%)}.signup-container{max-width:500px;margin:20px auto;padding:20px;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 4px 8px #0003;text-align:center}.signup-container h1{font-size:24px;margin-bottom:20px;color:#6c5ce7}.signup-container form{display:flex;flex-direction:column;gap:15px}.signup-container input{padding:10px;font-size:16px;border:2px solid #ccc;border-radius:5px}.signup-container input:focus{border-color:#6c5ce7;outline:none}.signup-container .terms-container{align-items:center;justify-content:center;gap:10px;font-size:14px;color:#333}.signup-container button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;background:linear-gradient(90deg,#6c5ce7,#a29bfe);color:#fff;transition:background .3s ease-in-out}.signup-container button:hover{background:linear-gradient(90deg,#a29bfe,#6c5ce7)}.result-page{max-width:800px;margin:20px auto auto;padding:30px;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 4px 8px #0003;text-align:left}.result-page h1{font-size:28px;margin-bottom:20px;color:#6c5ce7;text-align:center;background:linear-gradient(90deg,#6c5ce7,#81ecec);background-clip:inherit;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.result-page h2,.result-page h3{font-size:22px;color:#6c5ce7;text-align:center;border-bottom:2px solid #a29bfe;display:inline-block;margin:25px auto 15px}.result-page p{font-size:18px;margin:15px 0;line-height:1.6;color:#444;text-align:justify}.result-page ul{margin-top:10px;margin-left:20px;padding:0;list-style:none}.result-page ul li{font-size:18px;margin-bottom:10px;display:flex;align-items:center;line-height:1.6}.result-page ul li:before{content:"⟡";font-size:20px;color:#6c5ce7;margin-right:10px}.save-results{text-align:center;margin-top:30px}.save-results button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;cursor:pointer;background:linear-gradient(90deg,#6c5ce7,#a29bfe);color:#fff;transition:background .3s ease-in-out,transform .2s ease-in-out}.save-results button:hover{background:linear-gradient(90deg,#a29bfe,#6c5ce7);transform:scale(1.05)}.feedback{font-size:16px;color:green;margin-top:15px}@media (max-width: 768px){.result-page{padding:20px;margin-top:20px}.result-page h1{font-size:24px}.result-page p,.result-page ul li{font-size:16px}}.welcome-page{max-width:800px;margin:20px auto;padding:20px;background:rgba(255,255,255,.9);border-radius:10px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;text-align:center}.welcome-page h1{font-size:28px;color:#333;margin-bottom:20px;font-weight:700;text-align:center;white-space:normal;word-wrap:break-word}.intro-section{text-align:left;margin-bottom:30px}.intro-section p{font-size:16px;line-height:1.6;color:#555;margin:10px 0}.quiz-benefits h2{font-size:22px;color:#444;margin-bottom:15px}.quiz-benefits ul{list-style:disc;text-align:left;margin-left:20px;font-size:16px;color:#666}.quiz-benefits ul li{margin-bottom:10px}.disclaimer{margin-top:30px;font-size:14px;color:#777;font-style:italic}.start-quiz-button{margin-top:20px;padding:10px 20px;background-color:#6c5ce7;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.start-quiz-button:hover{background-color:#a29bfe}@media (max-width: 768px){.start-quiz-button:hover .welcome-page h1{font-size:1.5rem;margin-bottom:15px}}.terms-page{max-width:800px;margin:50px auto;padding:20px;background:rgba(255,255,255,.9);border-radius:10px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif}.terms-page h1{text-align:center;font-size:28px;color:#333;margin-bottom:20px}.terms-content h2{margin-top:20px;font-size:22px;color:#555}.terms-content p{font-size:16px;line-height:1.6;color:#666}.terms-content ul{list-style:disc;margin-left:20px}.terms-content ul li{margin:10px 0}.terms-page button{display:block;margin:20px auto;padding:10px 20px;background-color:#6c5ce7;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.terms-page button:hover{background-color:#a29bfe}.principles-container{max-width:900px;margin:20px auto;padding:30px;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 4px 6px #0000001a;text-align:center;overflow-y:auto;max-height:90vh}body{margin:0;padding-top:80px;background:linear-gradient(180deg,#dfe6e9,#b2bec3);font-family:Arial,sans-serif}.principles-list{list-style:none;padding:0;margin:0}.principle-item{margin:20px 0;padding:20px;border:1px solid #ddd;border-radius:10px;background:linear-gradient(135deg,rgba(108,92,231,.1),rgba(129,236,236,.1));transition:transform .3s ease,box-shadow .3s ease}.principle-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.principle-title{font-size:22px;font-weight:700;margin-bottom:10px;color:#6c5ce7}.principle-description{font-size:16px;color:#444;line-height:1.6}body{font-family:Poppins,sans-serif;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;background:linear-gradient(135deg,#f0ece2,#a29bfe);color:#333;display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box}h1,h2,h3{font-family:Cinzel,serif;text-align:center;color:#333;margin:15px 0}button{padding:10px 20px;margin:10px;border:none;border-radius:5px;font-size:16px;cursor:pointer;background:linear-gradient(90deg,#6c5ce7,#a29bfe);color:#fff;transition:transform .2s ease-in-out,background .3s ease-in-out}button:hover{transform:scale(1.1);background:linear-gradient(90deg,#a29bfe,#6c5ce7)}input{padding:10px;margin:10px 0;width:100%;font-size:16px;border:2px solid #ccc;border-radius:5px;box-sizing:border-box}input:focus{border-color:#6c5ce7;outline:none}.container{max-width:900px;margin:20px auto;padding:20px;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 4px 8px #0003;text-align:center}.header-container{text-align:center;margin-bottom:20px}p{font-size:18px;margin:15px 0;line-height:1.6;color:#333}.navigation{width:100%;background:linear-gradient(90deg,#6c5ce7,#81ecec);padding:10px 0;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:100}.navigation ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:center;gap:20px}.navigation a{text-decoration:none;font-size:16px;font-weight:700;color:#fff;padding:5px 10px;border-radius:5px}.navigation a:hover{background:rgba(255,255,255,.2)}.error{color:red;text-align:center}.quiz-container{max-width:800px;margin:20px auto;padding:20px;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 4px 8px #0003}.quiz-container .question-text{font-size:20px;margin:15px 0;text-align:center;color:#333}.principles-container{display:flex;flex-direction:column;gap:15px}.principles-card{background:linear-gradient(90deg,#f0ece2,#d1d8e0);padding:20px;border-radius:10px;box-shadow:0 3px 6px #0000001a;text-align:center}.principles-card h2{font-size:22px;color:#6c5ce7}.results-container{max-width:700px;margin:20px auto;padding:20px;text-align:center}