.form-container{max-width:800px;margin:2rem auto;padding:2rem;font-family:Courier New,monospace;border:3px solid black;box-shadow:8px 8px 0 black;background:#fff}.form-container h1{text-align:center;background:yellow;padding:1rem;border:2px solid black;box-shadow:4px 4px 0 black;margin-bottom:1rem}.form-container form{display:flex;flex-direction:column}.form-container label{margin-bottom:1rem;font-size:1.1rem}.form-container input,.form-container textarea{width:100%;padding:.5rem;border:2px solid black;box-shadow:2px 2px 0 black;font-family:Courier New,monospace;margin-top:.5rem}.form-container button{padding:1rem;font-size:1.2rem;background:#00d084;color:#fff;border:3px solid black;box-shadow:4px 4px 0 black;cursor:pointer;transition:transform .2s}.form-container button:hover{transform:translate(-4px,-4px)}.popup{position:fixed;top:20%;left:50%;transform:translateX(-50%);background:#ffe066;padding:2rem;border:3px solid black;box-shadow:4px 4px 0 black;z-index:1000;text-align:center;animation:fadeIn .5s}.popup a{color:blue;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}.popup .confetti{position:absolute;top:-20px;left:50%;width:200px;height:200px;pointer-events:none;background:url('data:image/svg+xml;utf8,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="10" height="10" fill="%23FF5733"/><rect x="50" y="20" width="10" height="10" fill="%2333FF57"/><rect x="90" y="30" width="10" height="10" fill="%2333C1FF"/><rect x="130" y="40" width="10" height="10" fill="%23FF33D4"/><rect x="170" y="50" width="10" height="10" fill="%23FFC133"/></svg>') no-repeat 50%;background-size:contain;animation:confettiFall 3s ease-out}@keyframes confettiFall{0%{opacity:1;transform:translate(-50%,-50px) rotate(0deg)}to{opacity:0;transform:translate(-50%,200px) rotate(1turn)}}