*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #007bff;--color-primary-dark: #0056b3;--color-primary-darker: #003e7d;--color-secondary: #00569A;--color-accent: #00ffff;--color-success: #38a169;--color-danger: #e53e3e;--color-background: #f0f0f0;--color-background-light: #f8f8f8;--color-border: #e0e0e0;--color-border-light: #e4e4e4;--color-border-dark: #ececec}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;min-height:100vh}.header{display:flex;justify-content:space-around;align-items:center;background-color:var(--color-background-light);padding:1rem;text-align:center;box-shadow:0 2px 4px #0000001a}.header h1{font-size:1.3rem;color:#333}.nav{display:flex;justify-content:space-around}.nav-list{display:flex;list-style:none;gap:1rem}.nav-item a{text-decoration:none;color:#333;font-weight:300;transition:color .3s ease-in-out;position:relative;padding-bottom:5px}.nav-item a:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:var(--color-primary);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-in-out}.nav-item a:hover{color:var(--color-primary)}.nav-item a:hover:after{transform:scaleX(1);transform-origin:bottom left}.hero-section{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1e3c72,#000);position:relative}.hero-text{color:#fff;text-align:center;flex:1}.hero-text h2{font-size:3rem;margin-bottom:1rem}.hero-text h3{font-size:1.5rem;margin-bottom:2rem}.cta-button{display:inline-block;padding:1rem 2rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:25px;font-weight:700;transition:all .3s ease}.cta-button:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}.hero-circle{flex:1}.growing-circle{width:250px;height:250px;margin:0 auto;border-radius:50%;background-color:var(--color-accent);animation:glow 2.5s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent),0 0 30px var(--color-accent)}to{box-shadow:0 0 20px var(--color-accent),0 0 40px var(--color-accent),0 0 60px var(--color-accent),0 0 80px var(--color-accent)}}@media (width <= 768px){.hero-section{flex-direction:column-reverse;align-items:center;gap:6rem}.hero-text{text-align:center;flex:0}.hero-text h2{font-size:2rem}.hero-text h3{font-size:1.2rem}.cta-button{padding:.5rem 1rem}.hero-circle{flex:0}.growing-circle{width:100px;height:100px}}.contact{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:2rem;background-color:var(--color-border-dark);height:100vh;color:#333;box-shadow:0 2px 4px #0000001a}.contact>h2{font-size:2rem;margin-bottom:1rem;font-weight:700}.contact p{font-size:1.2rem;margin-bottom:1rem;line-height:1.5}.contact-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:32rem;background-color:var(--color-background-light);margin:0 auto;box-shadow:0 2px 4px #0000001a;padding:2rem;border-radius:8px}.form-group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1rem;width:100%}.form-group label{font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.form-group textarea{resize:none;height:6rem}.form-group input:focus-visible,.form-group textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary-dark)}.form-group small{color:red;font-size:.8rem;margin-top:.25rem}.btn-contact{width:100%;padding:.75rem;border:none;border-radius:4px;background-color:var(--color-primary);color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.btn-contact:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.btn-contact:active{background-color:var(--color-primary-darker);transform:translateY(2px)}.btn-contact:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-dark)}.btn-contact:disabled{background-color:#ccc;cursor:not-allowed;opacity:.5}.error{color:var(--color-danger);font-size:.75rem;margin-top:.25rem}.success-message{margin-top:1rem;color:var(--color-success)}.list-component{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:2rem;background:linear-gradient(45deg,#020024,#164c92,#3c3c3c);background-size:400% 400%;color:#fff}.list-component__title{font-size:2rem;margin-bottom:1rem}.list-component__container{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem}.list-component__add-idea{flex:1}.list-component__add-idea input{width:100%;padding:.5rem;margin-bottom:.5rem}.list-component__add-idea button{width:100%;padding:.5rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer}.list-component__add-idea button:hover{background-color:var(--color-primary-dark)}.list-component__add-idea input:focus{outline:2px solid #ccc;outline-offset:4px}.list-component__ideas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2rem}.list-component__ideas h4{font-size:1.5rem;margin-bottom:1rem}.list-component__ideas-list{list-style:none;background-color:var(--color-background);width:32rem;padding:1rem;border-radius:.25rem;box-shadow:0 0 10px #0000001a;overflow-y:auto;max-height:300px}.list-component__idea-item{display:flex;align-items:center;justify-content:space-between;padding:0;border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.list-component__idea-item:last-child{margin-bottom:0}.list-component__idea-item>span{font-size:1.2rem;color:var(--color-primary);cursor:pointer}.list-component__idea-item>span:hover{text-decoration:underline}.list-component__idea-item>button{width:2.5rem;height:2.5rem;border:none;background-color:red;color:#fff;border-radius:50%;cursor:pointer;font-size:1.2rem;margin-left:1rem}.list-component__idea-item>button:hover{background-color:#8b0000}@media (width <=768px){.list-component__container{flex-direction:column}.list-component__add-idea{margin-bottom:1rem}.list-component__ideas,.list-component__ideas-list{width:100%}}.floating-button{position:fixed;bottom:2rem;right:2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;opacity:0;transform:translateY(100px);transition:opacity .3s ease,transform .3s ease;z-index:1000}.floating-button.visible{opacity:1;transform:translateY(0)}.footer{background-color:#000;color:#fff;padding:2rem}.footer__container{display:flex;justify-content:center;align-items:center}.footer__container p{margin:0;font-size:1.2rem}.footer__container a{color:var(--color-accent);transition:all .3s ease}.footer__container a:hover{text-decoration:none;color:var(--color-primary)}#root{width:100%}