body{background:#ecf0f3}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#343a40;background-color:#f8f9fa;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.landing-header{background:linear-gradient(135deg,#39f,#007bff);color:#fff;padding:5rem 2rem;text-align:center}.landing-header .header-content{max-width:960px;margin:0 auto}.landing-header .main-title{font-size:3rem;margin-bottom:1rem}.landing-header .subtitle{font-size:1.5rem;color:#e6e9ed;margin-bottom:2rem}.landing-header .badges{margin-bottom:1.5rem}.landing-header .badges a{margin:0 .5rem}.landing-header .intro-text{font-size:1.1rem;line-height:1.6;max-width:700px;margin:0 auto}.main-content{padding:2rem;flex:1;max-width:1200px;margin:0 auto}.form-section{margin-bottom:3rem;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000000d}.form-section .section-title{font-size:2rem;margin-bottom:1.5rem;color:#343a40;text-align:center}.demo-form{display:flex;flex-direction:column;max-width:700px;margin:0 auto}.demo-form .field{margin-bottom:1.5rem}.demo-form .field .label{display:block;margin-bottom:.5rem;font-weight:500;color:#343a40}.demo-form .field .label .field-type{font-size:.9rem;color:#6c757d;margin-left:.5rem;font-weight:400}.demo-form .field .input,.demo-form .field .select-input{padding:.75rem 1rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;width:100%;box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.demo-form .field .input:focus,.demo-form .field .select-input:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.demo-form .field .select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:calc(100% - .5rem);background-position-y:50%;padding-right:2rem}.demo-form .field .checkbox{margin-right:.5rem}.demo-form .field.checkbox-field{display:flex;align-items:center}.demo-form .field.address-field{padding-left:1rem;border-left:2px solid #eee;margin-top:1rem;margin-bottom:2rem}.demo-form .field.address-field .nested-header{font-size:1.2rem;margin-bottom:1rem;color:#343a40}.demo-form .field.address-field .nested-field{margin-bottom:1rem}.demo-form .field .color-input,.demo-form .field .date-input{padding:.5rem;border:none;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:150px;height:40px;background-color:#f8f9fa;border:1px solid #ced4da;cursor:pointer}.demo-form .field .color-input::-webkit-color-swatch-wrapper,.demo-form .field .date-input::-webkit-color-swatch-wrapper{padding:0}.demo-form .field .color-input::-webkit-color-swatch,.demo-form .field .date-input::-webkit-color-swatch{border:none;border-radius:4px}.demo-form .field .color-input::-moz-color-swatch,.demo-form .field .date-input::-moz-color-swatch{border:none;border-radius:4px}.demo-form .field .date-input{font-size:1rem}.demo-form .field .error{color:#dc3545;font-size:.9rem;margin-top:.25rem;display:block}.demo-form .submit-button{padding:.8rem 2rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background-color .2s ease-in-out}.demo-form .submit-button:hover{background-color:#0056b3}.demo-form .submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.documentation-section{padding:2rem;background-color:#f8f9fa;border-top:1px solid #eee}.documentation-section .section-title.doc-header{font-size:2rem;margin-bottom:2rem;color:#343a40;text-align:center}.documentation-section .doc-subheader{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#343a40}.documentation-section .doc-subheader-minor{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.8rem;color:#343a40;font-weight:500}.documentation-section p{line-height:1.7;margin-bottom:1.2rem;color:#343a40}.documentation-section ul{margin-bottom:1.2rem}.documentation-section ul li{line-height:1.7;margin-bottom:.5rem;color:#343a40;list-style-type:square}.documentation-section .doc-code-block{background-color:#f0f0f0;color:#24292e;padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1.5rem}.documentation-section .doc-code-block code.language-typescript{display:block;padding:0;overflow-x:auto;white-space:pre;font-family:monospace;font-size:.9rem}.main-footer{text-align:center;padding:2rem;background-color:#fff;border-top:1px solid #eee;color:#6c757d;font-size:.9rem}.main-footer a{color:#007bff;text-decoration:none}.main-footer a:hover{text-decoration:underline}@media (max-width: 768px){.landing-header{padding:3rem 1rem}.landing-header .main-title{font-size:2.5rem}.landing-header .subtitle{font-size:1.2rem}.main-content,.form-section,.documentation-section{padding:1.5rem}.demo-form .field.address-field{padding-left:0;border-left:none}}#root{max-width:1280px;margin:20px auto;padding:2rem;text-align:center;background-color:#f0f0f0;border-radius:15px;box-shadow:10px 10px 20px #d0d0d0,-10px -10px 20px #fff}body{background-color:#f0f0f0;margin:0;padding:0;font-family:Segoe UI,sans-serif;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em;background-color:#f0f0f0;border-radius:15px;box-shadow:inset 5px 5px 10px #d0d0d0,inset -5px -5px 10px #fff}.read-the-docs{color:#888}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-color:#f0f2f5;display:flex;justify-content:center;align-items:center;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.neumorphic-nav{background-color:#f0f2f5;padding:20px;border-radius:15px;display:flex;justify-content:space-around;box-shadow:9px 9px 18px #d1d9e6,-9px -9px 18px #fff;margin-bottom:20px}.neumorphic-button{padding:15px 25px;border:none;border-radius:10px;background-color:#f0f2f5;color:#333;font-size:16px;cursor:pointer;box-shadow:5px 5px 10px #d1d9e6,-5px -5px 10px #fff;transition:box-shadow .3s ease-in-out;font-weight:700}.neumorphic-button:hover{box-shadow:inset 5px 5px 10px #d1d9e6,inset -5px -5px 10px #fff}.neumorphic-button:focus{outline:none;box-shadow:inset 5px 5px 10px #d1d9e6,inset -5px -5px 10px #fff,0 0 0 2px #a0aec0}